/* Copyson Blog — sistema visual único, adaptable y sin dependencias externas */
:root{--cb-ink:#171717;--cb-text:#242424;--cb-muted:#686868;--cb-line:#e8e8ec;--cb-bg:#fff;--cb-soft:#f6f7fb;--cb-accent:#4f46e5;--cb-accent-dark:#3730a3;--cb-radius:18px;--cb-shadow:0 14px 42px rgba(17,24,39,.07);--cb-width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cb-bg);color:var(--cb-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}.cb-container{width:min(var(--cb-width),calc(100% - 44px));margin-inline:auto}.cb-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--cb-line)}.cb-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cb-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.22rem;font-weight:850;letter-spacing:-.045em;color:var(--cb-ink)}.cb-brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--cb-ink);color:#fff;border-radius:11px;font-size:1rem;font-weight:800;letter-spacing:-.04em}.cb-nav{display:flex;align-items:center;gap:26px;font-size:.94rem;font-weight:600}.cb-nav a:not(.cb-button){color:#555;transition:color .2s}.cb-nav a:not(.cb-button):hover{color:var(--cb-accent)}.cb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:999px;background:var(--cb-ink);color:#fff;font-size:.9rem;font-weight:700;line-height:1.3;border:1px solid var(--cb-ink);transition:transform .2s,background .2s}.cb-button:hover{background:#303030;transform:translateY(-1px)}.cb-button-outline{background:#fff;color:var(--cb-ink);border-color:#d8d8df}.cb-button-outline:hover{background:var(--cb-soft)}.cb-menu-button{display:none;border:1px solid var(--cb-line);background:#fff;border-radius:10px;padding:9px 12px;font-size:1.1rem;color:var(--cb-ink)}
.cb-hero{padding:72px 0 48px;background:radial-gradient(ellipse at 78% 12%,rgba(99,102,241,.09),transparent 35%),linear-gradient(180deg,#fafaff 0%,#fff 100%);border-bottom:1px solid #f0f0f4}.cb-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cb-accent-dark);background:#eeedff;border:1px solid #dedcff;border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.cb-hero h1{max-width:850px;margin:18px 0 15px;color:var(--cb-ink);font-size:clamp(2.25rem,5.2vw,4.15rem);line-height:1.07;letter-spacing:-.06em;font-weight:850}.cb-hero p{max-width:720px;margin:0;color:#5c5c66;font-size:clamp(1rem,1.7vw,1.18rem)}.cb-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.cb-hero-copy{max-width:800px}.cb-hero-note{min-width:170px;padding:16px 18px;border:1px solid var(--cb-line);border-radius:15px;background:rgba(255,255,255,.8);color:var(--cb-muted);font-size:.85rem}.cb-hero-note strong{display:block;color:var(--cb-ink);font-size:1.05rem}
.cb-main{padding:44px 0 82px}.cb-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.cb-section-head h2{margin:0;font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.2;letter-spacing:-.04em;color:var(--cb-ink)}.cb-section-head p{margin:7px 0 0;color:var(--cb-muted);font-size:.95rem}.cb-featured{display:grid;grid-template-columns:1.08fr .92fr;gap:0;overflow:hidden;border:1px solid var(--cb-line);border-radius:24px;background:#fff;box-shadow:var(--cb-shadow);margin-bottom:50px}.cb-featured-media{min-height:340px;background:#f0f0f5}.cb-featured-media img{width:100%;height:100%;min-height:340px;object-fit:cover}.cb-featured-content{padding:clamp(25px,4vw,48px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cb-meta{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;color:var(--cb-muted);font-size:.79rem;font-weight:600}.cb-category{display:inline-flex;align-items:center;background:#f0efff;color:var(--cb-accent-dark);padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cb-featured h2{margin:17px 0 12px;color:var(--cb-ink);font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.12;letter-spacing:-.05em}.cb-featured p{margin:0 0 20px;color:#5d5d66}.cb-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--cb-accent-dark);font-weight:800;font-size:.92rem}.cb-text-link:hover{text-decoration:underline;text-underline-offset:4px}.cb-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cb-post-card{min-width:0;border:1px solid var(--cb-line);border-radius:var(--cb-radius);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.cb-post-card:hover{transform:translateY(-3px);box-shadow:var(--cb-shadow);border-color:#d5d3fa}.cb-card-image{display:block;aspect-ratio:16/10;background:#f0f0f5;overflow:hidden}.cb-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.cb-post-card:hover .cb-card-image img{transform:scale(1.035)}.cb-card-body{padding:22px}.cb-card-body h3{margin:13px 0 10px;color:var(--cb-ink);font-size:1.25rem;line-height:1.28;letter-spacing:-.035em}.cb-card-body p{margin:0 0 18px;color:var(--cb-muted);font-size:.94rem;line-height:1.65}.cb-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0f0f3;padding-top:15px}.cb-card-bottom span{color:#777;font-size:.78rem}.cb-empty-note{padding:22px;background:var(--cb-soft);border:1px solid var(--cb-line);border-radius:14px;color:var(--cb-muted);font-size:.9rem}.cb-newsletter{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding:clamp(24px,4vw,40px);background:var(--cb-ink);color:#fff;border-radius:22px}.cb-newsletter h2{margin:0 0 6px;font-size:clamp(1.35rem,2.5vw,1.9rem);letter-spacing:-.04em}.cb-newsletter p{max-width:650px;margin:0;color:#d1d1d6;font-size:.94rem}.cb-newsletter .cb-button{background:#fff;color:var(--cb-ink);border-color:#fff;white-space:nowrap}
.cb-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#73737d;font-size:.83rem;margin:26px 0}.cb-breadcrumbs a:hover{color:var(--cb-accent-dark)}.cb-article-top{max-width:850px;margin:0 auto;padding:8px 0 0}.cb-article-top h1{margin:18px 0 16px;color:var(--cb-ink);font-size:clamp(2.15rem,5vw,3.65rem);line-height:1.08;letter-spacing:-.06em}.cb-article-deck{font-size:clamp(1.05rem,2vw,1.23rem);color:#5d5d66;line-height:1.65;margin:0 0 22px}.cb-article-meta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;color:#74747e;font-size:.84rem}.cb-article-cover{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:22px;margin:28px 0 36px;background:#f0f0f5}.cb-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,270px);justify-content:center;gap:58px;align-items:start}.cb-article-body{min-width:0;font-size:1.04rem;line-height:1.85;color:#34343a}.cb-article-body p{margin:0 0 1.25em}.cb-article-body h2{margin:1.9em 0 .65em;color:var(--cb-ink);font-size:clamp(1.55rem,2.7vw,2rem);line-height:1.22;letter-spacing:-.04em}.cb-article-body h3{margin:1.5em 0 .55em;color:var(--cb-ink);font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.cb-article-body ul,.cb-article-body ol{padding-left:1.35em;margin:0 0 1.35em}.cb-article-body li{margin:.45em 0;padding-left:.2em}.cb-article-body strong{color:#171717}.cb-article-body a{color:var(--cb-accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cb-example{padding:22px 24px;background:var(--cb-soft);border:1px solid var(--cb-line);border-left:4px solid var(--cb-accent);border-radius:13px;margin:24px 0 28px}.cb-example p:last-child{margin-bottom:0}.cb-article-aside{position:sticky;top:100px;border:1px solid var(--cb-line);border-radius:16px;padding:20px;background:#fff}.cb-article-aside h2{font-size:.95rem;margin:0 0 12px;color:var(--cb-ink)}.cb-article-aside ol{margin:0;padding-left:20px;color:#62626c;font-size:.87rem}.cb-article-aside li{margin:8px 0}.cb-article-aside a:hover{color:var(--cb-accent-dark)}.cb-article-cta{margin:32px 0;padding:26px;background:#f3f2ff;border:1px solid #e2e0ff;border-radius:17px}.cb-article-cta h2{margin:0 0 8px;font-size:1.35rem;line-height:1.25;color:var(--cb-ink)}.cb-article-cta p{margin:0 0 17px;color:#555563}.cb-faq{border-top:1px solid var(--cb-line);margin-top:40px;padding-top:20px}.cb-faq details{border-bottom:1px solid var(--cb-line);padding:16px 0}.cb-faq summary{cursor:pointer;color:var(--cb-ink);font-weight:750}.cb-faq details p{margin:12px 0 0;color:#55555e}.cb-related{margin-top:58px}.cb-related h2{font-size:1.65rem;color:var(--cb-ink);letter-spacing:-.04em;margin:0 0 22px}.cb-footer{border-top:1px solid var(--cb-line);background:#fafafa;padding:28px 0;color:#686872;font-size:.86rem}.cb-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cb-footer-links{display:flex;flex-wrap:wrap;gap:18px}.cb-footer a:hover{color:var(--cb-accent-dark)}.cb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.cb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-article-layout{grid-template-columns:minmax(0,760px);gap:24px}.cb-article-aside{position:static;grid-row:1}.cb-article-aside ol{columns:2}.cb-hero-row{align-items:flex-start}.cb-hero-note{display:none}}
@media(max-width:650px){.cb-container{width:min(var(--cb-width),calc(100% - 30px))}.cb-header-inner{min-height:66px}.cb-brand{font-size:1.12rem}.cb-menu-button{display:inline-flex;align-items:center;justify-content:center}.cb-nav{display:none;position:absolute;left:15px;right:15px;top:calc(100% + 8px);padding:16px;background:#fff;border:1px solid var(--cb-line);border-radius:16px;box-shadow:var(--cb-shadow);align-items:stretch;gap:0;flex-direction:column}.cb-nav.is-open{display:flex}.cb-nav a{padding:12px 10px}.cb-nav .cb-button{margin-top:8px}.cb-hero{padding:48px 0 34px}.cb-hero h1{font-size:clamp(2.05rem,10vw,3.1rem)}.cb-main{padding:30px 0 56px}.cb-section-head{align-items:flex-start;flex-direction:column}.cb-featured{grid-template-columns:1fr;border-radius:18px;margin-bottom:38px}.cb-featured-media,.cb-featured-media img{min-height:0;height:auto;aspect-ratio:16/10}.cb-featured-content{padding:23px}.cb-featured h2{font-size:1.8rem}.cb-post-grid{grid-template-columns:1fr;gap:16px}.cb-card-body{padding:19px}.cb-card-body h3{font-size:1.2rem}.cb-newsletter{align-items:flex-start;flex-direction:column;margin-top:38px}.cb-article-top h1{font-size:clamp(2rem,9vw,2.8rem)}.cb-article-cover{aspect-ratio:4/3;border-radius:16px;margin:22px 0 26px}.cb-article-body{font-size:1rem;line-height:1.78}.cb-article-aside ol{columns:1}.cb-article-cta{padding:21px}.cb-footer-inner{align-items:flex-start;flex-direction:column}.cb-breadcrumbs{margin:18px 0;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Miniatura de la comparativa con iconos reales de proveedores, sin foto ilustrativa */
.hw-index-thumb{display:flex!important;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;min-height:185px;padding:22px;background:linear-gradient(135deg,#f2f4ff,#f9fafc)}
.hw-index-thumb img{display:block!important;width:54px!important;height:54px!important;max-width:54px!important;min-height:0!important;object-fit:contain!important;background:#fff;border:1px solid #e6e8f3;border-radius:12px;padding:10px;box-shadow:0 8px 18px rgba(50,55,70,.06)}
.cb-article-deck,.cb-article-meta{display:none!important}
@media(max-width:650px){.hw-index-thumb{min-height:155px;gap:10px}.hw-index-thumb img{width:48px!important;height:48px!important}}


/* ===============================================
   COPYSON EDITORIAL · Diseño profesional unificado
   Sin JS adicional, sin imágenes locales, sin BD
   =============================================== */
:root {
  --cb-ink:#121827;
  --cb-text:#283346;
  --cb-muted:#667085;
  --cb-line:#e5e8f0;
  --cb-bg:#fcfcff;
  --cb-soft:#f4f5ff;
  --cb-accent:#6055ef;
  --cb-accent-dark:#4238bc;
  --cb-radius:22px;
  --cb-shadow:0 24px 64px rgba(30,33,74,.085);
  --cb-width:1200px;
}
body{background:var(--cb-bg);color:var(--cb-text);letter-spacing:-.007em}
::selection{background:#dcd9ff;color:#1c2054}
.cb-header{background:rgba(255,255,255,.89);border-bottom-color:#edf0f7;box-shadow:0 4px 20px rgba(25,35,70,.025)}
.cb-header-inner{min-height:78px}
.cb-brand{font-size:1.32rem;gap:12px;letter-spacing:-.055em}
.cb-brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#6c66f5,#30298a);box-shadow:0 7px 14px rgba(78,65,196,.23);font-size:1.14rem}
.cb-nav{gap:32px}
.cb-nav a:not(.cb-button){font-weight:650}
.cb-nav a[aria-current="page"]{color:var(--cb-accent-dark)!important}
.cb-button{background:linear-gradient(110deg,#5750db,#4635bd);border-color:transparent;color:#fff;border-radius:13px;padding:13px 19px;box-shadow:0 8px 18px rgba(76,62,184,.16);font-weight:750;transition:transform .18s, box-shadow .18s,filter .18s}
.cb-button:hover{background:linear-gradient(110deg,#6c5ef6,#5143ce);color:white;box-shadow:0 11px 25px rgba(76,62,184,.23);transform:translateY(-2px)}
.cb-button-outline{background:#fff;color:var(--cb-ink);box-shadow:none;border:1px solid var(--cb-line)}
.cb-button-outline:hover{background:#f7f8ff;color:var(--cb-ink)}
.cb-hero{position:relative;isolation:isolate;padding:87px 0 76px;overflow:hidden;background:linear-gradient(112deg,#151b3f 0%,#292660 56%,#49369e 100%);border:none}
.cb-hero::before{content:"";position:absolute;width:620px;height:620px;right:-155px;top:-250px;z-index:-1;border-radius:50%;background:radial-gradient(circle at center,rgba(153,138,255,.38),rgba(153,138,255,0) 65%)}
.cb-hero::after{content:"";position:absolute;z-index:-1;left:-170px;bottom:-330px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(69,152,244,.14),transparent 70%);pointer-events:none}
.cb-hero h1{color:#fff;font-size:clamp(2.5rem,5.3vw,4.35rem);line-height:1.065;max-width:880px;margin:20px 0 21px;letter-spacing:-.064em;text-wrap:balance}
.cb-hero p{color:#cfd4fa;font-size:clamp(1.03rem,1.72vw,1.18rem);max-width:685px;line-height:1.78}
.cb-eyebrow{color:#e7e8ff;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.19);padding:7px 15px;letter-spacing:.08em}
.cb-hero-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.19);color:#d5dbf2;backdrop-filter:blur(10px);border-radius:18px;padding:19px 22px}
.cb-hero-note strong{color:#fff;letter-spacing:-.03em}
.cb-main{padding:62px 0 95px}
.cb-section-head{margin-bottom:26px}
.cb-section-head h2{font-size:clamp(1.6rem,2.7vw,2.2rem);font-weight:820;letter-spacing:-.045em}
.cb-section-head p{font-size:.96rem;color:#727a8a}
.cb-featured{border-radius:28px;border-color:#e9eaf2;box-shadow:0 25px 58px rgba(27,29,76,.095);margin-bottom:66px;transition:transform .22s,box-shadow .22s}
.cb-featured:hover{transform:translateY(-3px);box-shadow:0 34px 70px rgba(27,29,76,.12)}
.cb-featured-media{min-height:360px;overflow:hidden}
.cb-featured-media img{min-height:360px;object-fit:cover;transition:transform .55s}
.cb-featured:hover .cb-featured-media img{transform:scale(1.025)}
.cb-featured-content{padding:clamp(28px,4.2vw,52px)}
.cb-featured h2{font-weight:825;line-height:1.13;letter-spacing:-.053em}
.cb-featured p{color:#657082;line-height:1.74}
.cb-category{color:#5346cc;background:#efedff;padding:6px 11px;border:1px solid #e5e1ff;font-weight:780;letter-spacing:.033em}
.cb-meta{color:#7c8394}
.cb-post-grid{gap:25px}
.cb-post-card{border:1px solid #e7eaf3;border-radius:24px;box-shadow:0 9px 32px rgba(27,29,76,.035);display:flex;flex-direction:column}
.cb-post-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(35,31,91,.11);border-color:#d6d0ff}
.cb-card-image{aspect-ratio:16/10;background:#f1f3fc}
.cb-card-body{display:flex;flex:1;flex-direction:column;padding:25px}
.cb-card-body h3{font-size:1.24rem;line-height:1.33;font-weight:800;color:var(--cb-ink);margin:16px 0 11px}
.cb-card-body p{font-size:.94rem;color:#697487;line-height:1.75}
.cb-card-bottom{margin-top:auto;padding-top:16px}
.cb-text-link{color:#5444cb;font-size:.9rem;font-weight:800}
.cb-newsletter{position:relative;overflow:hidden;margin-top:64px;padding:clamp(30px,5vw,54px);background:linear-gradient(120deg,#1a204a,#353085 70%,#5c3bb2);border:1px solid rgba(255,255,255,.08);border-radius:27px;box-shadow:0 24px 60px rgba(37,34,106,.12)}
.cb-newsletter::after{content:"";pointer-events:none;position:absolute;width:340px;height:340px;right:-130px;top:-150px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 77px rgba(255,255,255,.025)}
.cb-newsletter > *{position:relative;z-index:1}
.cb-newsletter h2{color:#fff;font-size:clamp(1.55rem,2.5vw,2.05rem)}
.cb-newsletter p{color:#dce0fa;line-height:1.7}
.cb-newsletter .cb-button{background:white;color:#28256f;border-color:white;box-shadow:none}
.cb-newsletter .cb-button:hover{background:#f4f3ff;color:#28256f}
.cb-footer{background:#f6f7fc;border-color:#e9eaf2;color:#697388;padding:32px 0}
/* Artículos: lectura y jerarquía editorial consistente */
body:has(.cb-article-layout){background:radial-gradient(ellipse 70% 380px at 50% 80px,#f2f0ff 0%,#fff 72%)}
.cb-breadcrumbs{margin:29px 0 21px;font-size:.83rem;color:#797d91}
.cb-article-top{max-width:980px;padding:12px 0 0;position:relative}
.cb-article-top h1{font-weight:850;font-size:clamp(2.35rem,4.5vw,3.9rem);line-height:1.09;color:#151931;letter-spacing:-.062em;text-wrap:balance;margin:21px 0 31px}
.cb-article-top .cb-meta{margin-bottom:6px}
.cb-article-top .cb-category{padding:8px 13px;background:#eeedff}
.cb-article-cover{border-radius:24px;border:1px solid #eceef5;box-shadow:0 16px 40px rgba(24,29,63,.07);max-height:550px;margin-bottom:44px}
.cb-article-layout{grid-template-columns:minmax(0,780px) minmax(220px,270px);gap:48px;margin-top:27px}
.cb-article-body{font-size:1.045rem;line-height:1.88;color:#364154}
.cb-article-body > p:first-of-type{font-size:1.14rem;line-height:1.8;color:#27334b}
.cb-article-body p{margin-bottom:1.3em}
.cb-article-body h2{font-weight:830;letter-spacing:-.045em;margin:2em 0 .7em;font-size:clamp(1.65rem,2.7vw,2.13rem);line-height:1.27;scroll-margin-top:112px}
.cb-article-body h3{font-weight:760;font-size:1.36rem;line-height:1.3;color:#19223d}
.cb-article-body li{padding-left:.25em;margin:.53em 0}
.cb-article-body ul li::marker{color:#6654d9}
.cb-article-body a:not(.cb-button){color:#5142bd;text-underline-offset:4px;text-decoration-color:#b6adf9;text-decoration-thickness:1px}
.cb-article-body a:hover{color:#30268d;text-decoration-color:#4236ae}
.cb-example{background:linear-gradient(135deg,#f4f3ff,#f9faff);border:1px solid #dfdfff;border-left:4px solid #6c5cf2;box-shadow:0 8px 24px rgba(59,52,144,.035);border-radius:17px;padding:26px 29px}
.cb-article-aside{top:100px;border-color:#e8e8f1;border-radius:21px;padding:23px;box-shadow:0 14px 42px rgba(35,43,80,.045)}
.cb-article-aside h2{color:#1d2450;font-size:1.01rem;font-weight:820}
.cb-article-aside ol{color:#6f788a;font-size:.88rem}
.cb-article-aside li{margin:10px 0;line-height:1.52}
.cb-article-aside li a{transition:color .16s}
.cb-article-cta{background:linear-gradient(135deg,#f4f3ff,#fcfbff);border:1px solid #ddd8ff;border-radius:20px;padding:29px;box-shadow:0 8px 26px rgba(41,38,125,.045)}
.cb-article-cta h2{color:#171c3a;font-size:1.42rem}
.cb-article-cta p{color:#5c6379}
.cb-faq details{padding:20px 2px;border-color:#ebeaf3}
.cb-faq summary{font-size:1.05rem;line-height:1.5}
.cb-related{margin-top:68px}
.cb-related h2{margin-bottom:26px}
/* La tarjeta de comparación usa iconos oficiales, no stock genérico */
.hw-index-thumb{background:radial-gradient(circle at 70% 30%,#e0ddff,transparent 60%),linear-gradient(125deg,#f4f3ff,#f8fbff);gap:15px!important}
.hw-index-thumb img{width:61px!important;height:61px!important;max-width:61px!important;border-radius:17px!important;box-shadow:0 10px 24px rgba(35,35,92,.1)!important}
/* Accesibilidad: focalización, imágenes externas que no deben distorsionar */
img{object-position:center}
.cb-featured-media img,.cb-card-image img{object-position:center}
.cb-menu-button{color:#27244b}
@media(max-width:1050px){.cb-article-layout{gap:28px;grid-template-columns:minmax(0,1fr) 230px}.cb-featured{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.cb-featured{grid-template-columns:1fr 1fr}.cb-article-layout{grid-template-columns:minmax(0,1fr)}.cb-article-aside{position:static;grid-row:1}.cb-hero{padding:75px 0 67px}.cb-post-grid{gap:20px}}
@media(max-width:700px){.cb-featured{grid-template-columns:1fr}.cb-featured-media,.cb-featured-media img{min-height:0;aspect-ratio:16/10;height:auto}}
@media(max-width:650px){
  .cb-container{width:min(var(--cb-width),calc(100% - 34px))}
  .cb-header-inner{min-height:68px}.cb-brand{font-size:1.18rem}.cb-brand-mark{width:36px;height:36px}
  .cb-hero{padding:60px 0 59px}.cb-hero h1{font-size:clamp(2.22rem,9.3vw,3.13rem);line-height:1.09}.cb-hero p{font-size:1rem;line-height:1.74}
  .cb-main{padding:38px 0 60px}.cb-section-head h2{font-size:1.57rem}
  .cb-featured{margin-bottom:46px;border-radius:23px}.cb-featured-content{padding:24px}.cb-featured h2{font-size:1.8rem}
  .cb-post-grid{grid-template-columns:1fr;gap:21px}.cb-post-card{border-radius:22px}.cb-card-body{padding:22px}
  .cb-newsletter{margin-top:46px;border-radius:22px;padding:29px 26px}.cb-newsletter .cb-button{white-space:normal}
  .cb-breadcrumbs{margin:18px 0}.cb-article-top{padding:4px 0 0}.cb-article-top h1{font-size:clamp(2.08rem,8.8vw,2.7rem);line-height:1.13;margin:17px 0 25px}
  .cb-article-layout{margin-top:18px;gap:22px}.cb-article-body{font-size:1rem;line-height:1.82}.cb-article-body > p:first-of-type{font-size:1.065rem}
  .cb-article-body h2{font-size:1.65rem;margin:1.75em 0 .65em}.cb-article-cover{margin:18px 0 23px}
  .cb-article-aside{padding:19px;border-radius:17px}.cb-article-cta{padding:23px}.cb-example{padding:21px 20px}
  .hw-index-thumb img{width:52px!important;height:52px!important;max-width:52px!important}
  .cb-footer-inner{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.cb-featured:hover,.cb-post-card:hover{transform:none}}

/* COPYSON · LIGHT EDITORIAL 2026 — Sin modo oscuro */
:root{
  color-scheme:light;
  --cb-bg:#ffffff;
  --cb-ink:#152239;
  --cb-text:#314057;
  --cb-muted:#64738a;
  --cb-soft:#f4f6ff;
  --cb-line:#e6eaf4;
  --cb-accent:#6056db;
  --cb-accent-dark:#4238b9;
  --cb-shadow:0 20px 52px rgba(45,65,110,.095);
}
html{color-scheme:light}
body{background:#fff;color:var(--cb-text)}
.cb-header{background:rgba(255,255,255,.96);box-shadow:0 5px 25px rgba(41,55,104,.045)}
.cb-hero{
  border-bottom:1px solid #e9e5ff;
  background:linear-gradient(118deg,#f7f6ff 0%,#f0f5ff 52%,#eefbff 100%);
}
.cb-hero::before{background:radial-gradient(circle,rgba(133,121,241,.24) 0%,transparent 68%)}
.cb-hero::after{background:radial-gradient(circle,rgba(116,205,234,.18),transparent 71%)}
.cb-hero h1{color:#171d46}
.cb-hero p{color:#53637d}
.cb-eyebrow{background:#fff;color:#4c43ac;border:1px solid #e1defb;box-shadow:0 5px 14px rgba(38,49,110,.035)}
.cb-hero-note{background:rgba(255,255,255,.87);border:1px solid #e3e7f5;color:#64718a;box-shadow:0 20px 50px rgba(51,66,142,.085);backdrop-filter:blur(8px)}
.cb-hero-note strong{color:#24315f}
.cb-newsletter{
  background:linear-gradient(120deg,#f1f1ff 0%,#e9f2ff 60%,#edfafd 100%);
  border:1px solid #dddff6;box-shadow:0 22px 50px rgba(66,68,150,.09)
}
.cb-newsletter::after{border-color:rgba(102,92,210,.13);box-shadow:0 0 0 34px rgba(123,109,235,.045),0 0 0 77px rgba(123,109,235,.03)}
.cb-newsletter h2{color:#1b2454}
.cb-newsletter p{color:#5c6684}
.cb-newsletter .cb-button{background:linear-gradient(120deg,#6257df,#4b3abb);border-color:transparent;color:#fff;box-shadow:0 10px 26px rgba(75,58,187,.18)}
.cb-newsletter .cb-button:hover{background:linear-gradient(120deg,#7264eb,#5542c8);color:#fff}
.cb-footer{background:#f9faff}
.cb-card-image{background:linear-gradient(145deg,#f1efff,#eff8ff)}
.cb-featured{background:#fff}
.cb-featured-media{background:#f0f2fb}
.cb-button:focus-visible,.cb-post-card a:focus-visible,.cb-nav a:focus-visible{outline:3px solid #a499ff;outline-offset:3px}
/* Aun cuando no exista imagen externa, la tarjeta mantiene proporción y estilo */
.cb-card-image,.cb-featured-media{overflow:hidden}
.cb-card-image img,.cb-featured-media img{width:100%;max-width:100%;height:100%;object-fit:cover}
.hw-index-thumb img{width:61px!important;height:61px!important;min-height:0;object-fit:contain!important;padding:9px;border:1px solid #e4e4f3;background:#fff}
@media(max-width:650px){
 .cb-hero{padding:54px 0 55px}
 .cb-hero h1{font-size:clamp(2.05rem,8.9vw,3.02rem);max-width:100%}
 .cb-hero p{max-width:100%;overflow-wrap:break-word}
 .cb-main{padding-top:38px}
 .cb-newsletter{padding:26px 23px}
 .cb-featured-media{min-height:0}
 .cb-post-card{min-width:0}
 .cb-card-image img{object-fit:cover}
}

/* En pantallas estrechas, primero debe aparecer el artículo y después el índice */
@media(max-width:900px){
 .cb-article-layout{display:flex;flex-direction:column;gap:34px}
 .cb-article-body{order:1;width:100%;min-width:0}
 .cb-article-aside{order:2;width:100%;position:static;max-width:100%;margin-bottom:36px}
}

/* Copyson · encabezados de sección en lila claro (#F0EFFF),
   siguiendo el color de referencia y la misma plantilla en todos los artículos. */
:root{--cb-section-tint:#f0efff}
.cb-article-body > h2,
.cb-article-body > section:not(.cb-example):not(.cb-article-cta):not(.cb-faq) > h2{
  display:block;
  background:var(--cb-section-tint);
  border:1px solid #e5e3fb;
  border-radius:17px;
  padding:19px 22px;
  margin:2em 0 .9em;
  color:#17213a;
  box-shadow:0 5px 18px rgba(55,49,126,.035);
  overflow-wrap:break-word;
  scroll-margin-top:110px;
}
@media(max-width:650px){
  .cb-article-body > h2,
  .cb-article-body > section:not(.cb-example):not(.cb-article-cta):not(.cb-faq) > h2{
    padding:14px 15px;
    border-radius:14px;
    margin:1.65em 0 .75em;
    font-size:clamp(1.3rem,5.7vw,1.65rem);
    line-height:1.3;
  }
}


/* FIX DE CONTRASTE · Enlaces usados como botones de acción.
   Evita que los estilos generales de los enlaces de los artículos
   cambien el texto blanco por violeta sobre un fondo violeta. */
a.cb-button:not(.cb-button-outline),
a.cb-button:not(.cb-button-outline):link,
a.cb-button:not(.cb-button-outline):visited,
a.cb-button:not(.cb-button-outline):hover,
a.cb-button:not(.cb-button-outline):focus-visible,
a.cb-button:not(.cb-button-outline):active,
.cb-article-body a.cb-button:not(.cb-button-outline),
.cb-article-body a.cb-button:not(.cb-button-outline):hover,
.cb-article-body a.cb-button:not(.cb-button-outline):visited,
.cb-article-cta a.cb-button,
.hw-bottom-promo a.cb-button {
  color:#ffffff !important;
  text-decoration:none !important;
  text-shadow:none !important;
  background:#4f3ac5;
  border:1px solid #4f3ac5;
  font-weight:800;
  -webkit-text-fill-color:#ffffff;
}
a.cb-button:not(.cb-button-outline):hover,
.cb-article-body a.cb-button:not(.cb-button-outline):hover,
.cb-article-cta a.cb-button:hover,
.hw-bottom-promo a.cb-button:hover {
  color:#ffffff !important;
  background:#3926a3;
  border-color:#3926a3;
  -webkit-text-fill-color:#ffffff;
}
a.cb-button:not(.cb-button-outline) span,
.cb-article-cta a.cb-button span,
.hw-bottom-promo a.cb-button span {
  color:#ffffff !important;
  text-decoration:none !important;
  -webkit-text-fill-color:#ffffff;
}
a.cb-button:focus-visible {
  outline:3px solid #897bfa;
  outline-offset:3px;
}


/* Copyson 2026 — encabezados H3 legibles y uniformes en todos los artículos */
.cb-article-body > h3:not(.hw-provider-heading){
  display:block; margin:34px 0 17px; padding:15px 19px;
  font-family:inherit;font-size:clamp(1.18rem,2vw,1.45rem);
  font-weight:800;line-height:1.36;letter-spacing:-.028em;
  color:#192540;background:#f0efff;border:1px solid #e4e1fa;
  border-left:4px solid #6755dd;border-radius:14px;
  box-shadow:0 5px 15px rgba(40,40,95,.025);
  scroll-margin-top:94px;
}
@media(max-width:650px){
 .cb-article-body > h3:not(.hw-provider-heading){padding:13px 14px;margin:26px 0 15px;font-size:1.16rem;border-radius:12px}
}