/* Sinónimos.com.ar | Color Cards App | Diseño elegido: opción 2 */
:root {
  color-scheme: light;
  --bg:#f4faf8; --surface:#f1f7f5; --soft:#e6f7ef;
  --text:#12342d; --muted:#56746d; --line:#dcebe5;
  --accent:#087b5c; --accent-strong:#035940; --focus:#b46400;
  --radius:16px; --max:1190px; --read:820px; --header-h:76px;
  --font: "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
  --ca-shadow: 0 10px 32px rgba(13,71,54,.065),0 2px 8px rgba(13,71,54,.035);
}
html {scroll-padding-top:90px}
body.ca-page {background:radial-gradient(ellipse 820px 300px at 50% -20px,#e2f8ef,transparent),var(--bg); color:var(--text);font-size:16px;line-height:1.65;letter-spacing:-.005em}
.ca-page h1,.ca-page h2,.ca-page h3{font-weight:750;letter-spacing:-.04em}
.ca-page h1{font-size:42px;font-size:clamp(2.1rem,3.55vw,3.15rem);line-height:1.13}
.ca-page h2{font-size:26px;font-size:clamp(1.35rem,2vw,1.8rem)}
.ca-page h3{font-size:1.15rem}
.ca-page .wrap{max-width:var(--max)}
.ca-page .site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e3eee9;box-shadow:0 3px 16px #0d4c3207;backdrop-filter:blur(14px)}
.ca-page .header-inner{gap:18px}
.ca-page .brand{color:#064e3b;gap:10px;font-weight:820}
.ca-page .brand img{width:38px;height:38px}
.ca-page .brand span{font-size:20px;letter-spacing:-.055em}
.ca-page .main-nav{gap:4px;margin-left:auto}
.ca-page .main-nav a{font-size:14px;font-weight:650;border-radius:12px;transition:background .15s,transform .15s}
.ca-page .main-nav a[aria-current]{background:#e1f7ee;text-decoration:none;color:#036b4c}
.ca-page .main-nav a:hover{background:#eaf8f3}
.ca-page .ca-header-search{height:44px;width:44px;flex:none;display:grid;place-items:center;border-radius:14px;background:#e9f7f1;color:#086747;text-decoration:none}
.ca-page .ca-header-search:hover{background:#d5f3e5}
.ca-page .ca-svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:0 0 auto}
.ca-page .site-footer{background:#eaf5ef;border-top:1px solid #d7e9df;margin-top:58px;padding-block:40px}
.ca-page .site-footer a:hover{color:#055f45}
.ca-page .breadcrumb{font-size:13px;gap:8px;margin-bottom:14px}
.ca-page .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.105em;font-weight:800;color:#08785b}
.ca-page .lead{font-size:17px;color:#526f67}
.ca-page button,.ca-page input,.ca-page textarea,.ca-page select{font-family:var(--font)}
.ca-page input[type=search],.ca-page input[type=text],.ca-page input[type=number],.ca-page select{border-radius:14px;border-color:#d6e8e0;background:#fff;box-shadow:0 1px 3px #00381b08}
.ca-page input[type=search]:focus,.ca-page input[type=text]:focus{outline:3px solid #baf1d9;outline-offset:1px;border-color:#0b956b}
.ca-page button[type=submit],.ca-page .button,.ca-page .primary-button{background:#00845f!important;color:#fff!important;border:1px solid #00845f!important;border-radius:13px!important;font-weight:700;box-shadow:0 5px 14px #0c966227;transition:background .16s,transform .16s}
.ca-page button[type=submit]:hover,.ca-page .button:hover{background:#006b51!important;transform:translateY(-1px)}
.ca-page .menu-toggle{border-radius:12px;border-color:#cfdfd7;font-weight:650}
.ca-page .ca-tabbar{display:none}

/* Portada: hero con ilustración abstracta, tarjetas de color y accesos rápidos */
.ca-home .home-landing{width:min(100%,1270px);margin:26px auto 0;padding:0 24px}
.ca-home .home-landing>.wrap{width:100%;padding:58px 65px 53px;max-width:none;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 95% 0%,#25b98d 0%,transparent 45%),linear-gradient(128deg,#075c49 0%,#078564 56%,#039770 100%);box-shadow:0 20px 42px #085a4a22;isolation:isolate}
.ca-home .home-landing>.wrap::before{content:"";position:absolute;width:430px;height:380px;right:4%;top:50%;transform:translateY(-50%);background:url('/assets/illustrations/color-search-hero.svg') center/contain no-repeat;opacity:1;z-index:-1;pointer-events:none}
.ca-home .home-landing>.wrap::after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff24;border-radius:50%;right:-95px;bottom:-205px;pointer-events:none;z-index:-2}
.ca-home .home-copy{margin:0;max-width:645px;position:relative;z-index:2}
.ca-home .home-copy .eyebrow{display:inline-flex;padding:7px 13px;margin-bottom:14px;border-radius:30px;letter-spacing:.08em;background:#ffffff20;color:#dbffed}
.ca-home .home-copy h1{color:#fff;font-size:57px;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.09;max-width:660px;margin:0 0 18px;letter-spacing:-.055em}
.ca-home .home-copy h1 span{color:#c5ffe5}
.ca-home .home-copy .lead{color:#e0fff0;font-size:18px;max-width:490px;line-height:1.55;margin-bottom:26px}
.ca-home .home-search{max-width:560px;margin:0}
.ca-home .home-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ca-home .home-search-row{background:#fff;border-radius:18px;padding:6px;gap:7px;align-items:center;box-shadow:0 9px 28px #043a3331}
.ca-home .home-search input{height:52px;min-height:52px;border:0;box-shadow:none;background:transparent;font-weight:500;padding:10px 14px;flex:1}
.ca-home .home-search input:focus{outline:0;border:0}
.ca-home .home-search button{border-radius:13px!important;min-height:50px;padding:9px 22px!important;background:#05734f!important;font-size:15px;box-shadow:none}
.ca-home .home-copy .quick-links{margin-top:19px;gap:7px 10px;color:#d9f9eb}
.ca-home .home-copy .quick-links>span{color:#d8f4e6;font-size:13px}
.ca-home .quick-link-options{gap:8px}
.ca-home .quick-link-options a{padding:5px 12px;min-height:30px;border-radius:24px;background:#ffffff27;border:1px solid #ffffff24;color:#fff;font-size:13px;font-weight:650;text-decoration:none}
.ca-home .quick-link-options a:hover{background:#ffffff40;color:#fff}
.ca-home .search-status{color:#fff}
.ca-home .results{background:white;color:#12342d;border-radius:15px;overflow:hidden}
.ca-home .ca-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-top:21px;padding-bottom:18px}
.ca-home .ca-shortcut{min-width:0;display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:22px;text-decoration:none;color:#16443e;box-shadow:var(--ca-shadow);transition:transform .16s,box-shadow .16s;border:1px solid #ffffffc9}
.ca-home .ca-shortcut:hover{transform:translateY(-3px);box-shadow:0 15px 30px #175b4d16;color:#123b32}
.ca-home .ca-shortcut .ca-svg{width:26px;height:26px;stroke-width:2.1}
.ca-shortcut-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;flex:none;background:#ffffffad;color:#0b8564}
.ca-shortcut-text{display:grid;gap:4px;align-content:center;min-height:48px}
.ca-shortcut strong{font-size:15px;line-height:1.25;letter-spacing:-.02em}
.ca-shortcut small{color:#43665e;font-size:12px;line-height:1.4}
.ca-shortcut--mint{background:#d9f8eb}
.ca-shortcut--blue{background:#deeeff}.ca-shortcut--blue .ca-shortcut-icon{color:#1670c7}
.ca-shortcut--gold{background:#fff2c9}.ca-shortcut--gold .ca-shortcut-icon{color:#b9790c}
.ca-shortcut--violet{background:#efe8ff}.ca-shortcut--violet .ca-shortcut-icon{color:#7f56c8}
.ca-home .home-section{max-width:var(--max);padding-block:28px;border:0}
.ca-home .home-section>h2{margin:0 0 17px}
.ca-home .home-section .dictionary-list{gap:10px 15px}
.ca-home .home-section .dictionary-list .link-card{padding:17px 19px}
.ca-home .home-section .grid .link-card{padding:18px}
.ca-home .home-section .panel{background:white;border:1px solid #e6eee9;border-radius:22px;padding:24px;box-shadow:var(--ca-shadow)}
.ca-home .ca-featured{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-block:10px 8px;background:linear-gradient(110deg,#f7f2ff,#eef7ff);border:1px solid #dedff8;border-radius:20px;padding:17px 25px}
.ca-home .ca-featured .ca-svg{width:34px;height:34px;color:#8969d5}
.ca-home .ca-featured strong{display:block;font-size:15px}
.ca-home .ca-featured span{color:#667484;font-size:13px}
.ca-home .ca-featured a{color:#5941a5}

/* Lenguaje visual común: superficies ligeras, contenido primero */
.ca-page .section-narrow{padding-top:38px}
.ca-page .section{padding-block:30px}
.ca-page .panel,.ca-page .search-card{max-width:var(--read)}
.ca-page .word-panel{max-width:none}
.ca-page .link-card{position:relative;border:1px solid #e3eee9!important;border-radius:16px;background:#fff;padding:15px 17px;min-height:68px;box-shadow:0 2px 9px #134f3c06;transition:transform .16s,border-color .16s,box-shadow .16s}
.ca-page .link-card:hover{transform:translateY(-2px);border-color:#b4dac8!important;box-shadow:0 8px 18px #134f3c12}
.ca-page .link-card strong{font-weight:760;color:#064f3e;line-height:1.4}
.ca-page .link-card span{font-size:13px;color:#687f78}
.ca-page .dictionary-list{gap:10px 14px}
.ca-page .dictionary-list .link-card{padding:15px 18px;align-items:center}
.ca-page .dictionary-list .link-card span{font-size:13px}
.ca-page .grid,.ca-page .link-grid{gap:14px}
.ca-page .grid-3 .link-card:nth-child(4n+1){background:#f0fcf6}
.ca-page .grid-3 .link-card:nth-child(4n+2){background:#f0f7ff}
.ca-page .grid-3 .link-card:nth-child(4n+3){background:#fffaf0}
.ca-page .grid-3 .link-card:nth-child(4n){background:#f7f3ff}
.ca-page .alphabet{gap:7px;margin:17px 0 23px}
.ca-page .alphabet a{background:white;border:1px solid #dce9e2;border-radius:12px;min-width:43px;min-height:45px;font-weight:740;font-size:14px;box-shadow:0 1px 3px #123c3006}
.ca-page .alphabet a:hover{background:#dbf6e9;border-color:#acd9c6}
.ca-page .alphabet a[aria-current]{background:#0a8763;color:white}
.ca-page .related-links{gap:10px}
.ca-page .related-links a{background:#eaf8f0;padding:5px 13px;border-radius:24px;text-decoration:none;font-size:14px;font-weight:650;min-height:36px}
.ca-page .related-links a:hover{background:#d6f3e5}
.ca-page .context-card{background:#fff;border:1px solid #e3eee9;border-radius:18px;box-shadow:0 4px 10px #0e523406;padding:22px}
.ca-page .note-box{border:1px solid #f2dfab;border-left:4px solid #d7aa36;border-radius:14px;background:#fffaf0}
.ca-page .examples li,.ca-page .example-list li{border-left:4px solid #21ae7a;border-radius:0 12px 12px 0;background:#ecf9f3}
.ca-page .faq details,.ca-page .faq-list details{border-color:#e3eee9}
.ca-page .faq details[open],.ca-page .faq-list details[open]{background:#f3fbf7;border-radius:12px;padding:0 14px}
.ca-page .letter-toolbar{background:#e9f7f0;border:1px solid #d8ece1;border-radius:15px;padding:16px 18px}
.ca-page .letter-toolbar input{max-width:450px}
.ca-page .result-item{border-bottom:0}
.ca-page .results{gap:10px}
.ca-page .result-link{background:white;border:1px solid #e1ebe5;border-radius:15px;padding:13px 17px;box-shadow:0 2px 7px #0e4e3408}
.ca-page .result-link:hover{background:#f5fcf7}
.ca-page .entry-search{max-width:830px}
.ca-page .entry-search input{min-height:51px;padding:12px 16px}
.ca-page .entry-search button{min-height:51px!important}

/* Ficha: respuesta clara y lectura editorial por matices */
.ca-word .word-page>.section-narrow{width:min(100%,1100px)}
.ca-word .word-page h1{font-size:clamp(2.4rem,4.5vw,4.4rem);margin:8px 0 18px}
.ca-word .ca-title-prefix{display:block;font-size:20px;font-size:clamp(.95rem,1.8vw,1.35rem);letter-spacing:-.015em;font-weight:600;color:#698076;margin:0 0 3px}
.ca-word .ca-title-word{display:inline-block;color:#063f35;font-weight:810;letter-spacing:-.07em}
.ca-word .word-page .eyebrow{background:#e3f6ed;padding:6px 11px;border-radius:30px;font-size:12px}
.ca-word .answer-box{background:linear-gradient(128deg,#e7f9f0,#f2fbf7);border:1px solid #ccebdd;border-radius:22px;padding:27px 30px;margin-top:24px;max-width:830px;box-shadow:0 9px 25px #064c3610}
.ca-word .answer-box>p:first-child:not(.answer-summary){font-size:14px;font-weight:760;color:#086746;margin-bottom:14px}
.ca-word .synonym-chips{gap:9px}
.ca-word .synonym-chip{border-radius:50px;min-height:36px;padding:6px 13px;font-size:14px;font-weight:680}
.ca-word a.synonym-chip{background:white;border:1px solid #ccebdc;color:#067353;text-decoration:none;box-shadow:0 2px 5px #08753a0b}
.ca-word a.synonym-chip:hover{background:#d4f5e5}
.ca-word span.synonym-chip{background:#d9f0e6;color:#356c59}
.ca-word .answer-summary{font-size:16px;line-height:1.7;color:#284b3f;margin-top:21px}
.ca-word .answer-context{font-size:14px;color:#637d72;margin-top:7px}
.ca-word .content-layout{max-width:1090px;grid-template-columns:minmax(0,820px) 215px;gap:34px}
.ca-word .word-panel{background:#fff;border:1px solid #e1eee7;border-radius:22px;padding:10px 28px;box-shadow:var(--ca-shadow)}
.ca-word .page-section{padding-block:24px;border-color:#e9f0ec}
.ca-word .page-section:first-child{padding-top:24px}
.ca-word .page-section h2{font-size:23px;margin:0 0 10px}
.ca-word .entry-aside{padding:19px;border:1px solid #d9ede3;border-radius:19px;background:#f3fbf7;position:sticky;top:98px;max-height:calc(100vh - 120px);overflow-y:auto}
.ca-word .entry-aside nav strong{display:block;color:#0a6044;margin-bottom:8px}
.ca-word .entry-aside a{font-size:13px;line-height:1.45;min-height:34px;padding:6px 0}
.ca-word .entry-data{border-top:1px solid #e3eee9}
.ca-word .mobile-toc{background:#f1faf5;border:1px solid #d9eee3;padding:0 15px;border-radius:15px;margin-top:18px}
.ca-word .mobile-toc a{font-size:14px;line-height:1.45;min-height:37px;padding:7px 0}

/* Índices, búsqueda y secciones de contenido */
.ca-index .section-narrow,.ca-letter .section-narrow,.ca-topics .section-narrow,.ca-search .section-narrow,.ca-article .section-narrow{max-width:1040px;width:100%}
.ca-index .section-narrow,.ca-topics .section-narrow{background:linear-gradient(110deg,#e6f9ef,#edf6ff);border-radius:23px;padding:32px 34px;margin-top:23px;border:1px solid #e0efe7}
.ca-index .section-narrow .lead,.ca-topics .section-narrow .lead{margin-bottom:0}
.ca-index .section:not(.section-narrow),.ca-topics .section:not(.section-narrow),.ca-letter .section:not(.section-narrow){max-width:1100px}
.ca-page .search-card{background:#fff;padding:22px;border:1px solid #e1eae5;border-radius:22px;box-shadow:var(--ca-shadow)}
.ca-search .search-card{max-width:880px}
.ca-page .table-scroll,.ca-page .table-wrap{border:1px solid #e5eee7;border-radius:15px}
.ca-page .forms-table{background:#fff}
.ca-page .forms-table th{background:#eef7f1}
.ca-page .panel.natural-copy{max-width:920px}
.ca-page .page-section:target h2{color:#056447}
.ca-page .badge{background:#e9f7ee;border-radius:999px;padding:5px 12px}

@media(max-width:1110px){
.ca-home .home-landing>.wrap::before{right:-18px;width:340px;opacity:.65}
.ca-home .home-copy{max-width:610px}
.ca-home .ca-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.ca-page .site-header{--header-h:65px}
.ca-page .header-inner{gap:10px;flex-wrap:nowrap}
.ca-page .main-nav{z-index:90;left:12px;right:12px;padding:10px;background:#fff;border-radius:18px;box-shadow:0 10px 36px #164f341f}
.ca-page .menu-toggle{margin-left:auto}
.ca-page .ca-header-search{order:1;width:42px;height:42px}
.ca-page .menu-toggle{order:2}
.ca-word .content-layout{display:block;max-width:820px}
.ca-word .entry-aside{display:none}
.ca-word .word-panel{padding:7px 22px}
}
@media(max-width:680px){
:root{--header-h:62px}
body.ca-page{font-size:15px;padding-bottom:66px}
.ca-page .wrap,.ca-page .section-narrow{padding-inline:18px}
.ca-page .brand span{font-size:17px}
.ca-page .brand img{width:32px;height:32px}
.ca-page .site-header .menu-toggle{font-size:13px;padding:6px 9px;min-width:42px;height:42px}
.ca-page .ca-header-search{width:40px;height:40px}
.ca-page .site-footer{padding-block:25px;margin-top:35px}
.ca-page .ca-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:70;bottom:env(safe-area-inset-bottom,0px);height:66px;padding:5px max(12px,env(safe-area-inset-left,0px)) 7px;background:#fff;border-top:1px solid #d7eae0;box-shadow:0 -8px 30px #183f3016}
.ca-page .ca-tabbar a{display:flex;flex-direction:column;gap:1px;justify-content:center;align-items:center;color:#627b6f;text-decoration:none;font-weight:700;font-size:10px;border-radius:14px}
.ca-page .ca-tabbar a[aria-current="page"]{color:#047854;background:#e8f9f0}
.ca-page .ca-tabbar a .ca-svg{width:22px;height:22px}
.ca-home .home-landing{margin:14px auto 0;padding-inline:12px}
.ca-home .home-landing>.wrap{min-height:405px;padding:30px 24px 130px;border-radius:25px;overflow:hidden}
.ca-home .home-landing>.wrap::before{right:-22px;top:auto;bottom:-79px;transform:none;width:214px;height:215px;opacity:.85}
.ca-home .home-copy{max-width:none}
.ca-home .home-copy .eyebrow{font-size:10px;margin-bottom:12px}
.ca-home .home-copy h1{font-size:36px;font-size:clamp(2.05rem,8vw,2.8rem);max-width:490px;margin-bottom:12px}
.ca-home .home-copy .lead{font-size:14px;max-width:380px;margin-bottom:19px}
.ca-home .home-search-row{flex-wrap:nowrap;border-radius:15px;padding:5px;gap:1px}
.ca-home .home-search-row input{height:45px;min-height:45px;padding:9px 9px;font-size:14px;min-width:0}
.ca-home .home-search-row button{width:48px;height:45px;min-height:45px!important;flex:none;font-size:0;padding:0!important;overflow:hidden;position:relative}
.ca-home .home-search-row button::after{content:"⌕";display:grid;place-items:center;inset:0;position:absolute;font-size:29px;font-weight:500;color:#fff}
.ca-home .home-copy .quick-links{margin-top:13px;gap:4px 6px;max-width:90%}
.ca-home .home-copy .quick-link-options a{font-size:11px;padding:2px 9px;min-height:27px}
.ca-home .ca-shortcuts{gap:10px;padding-top:13px;padding-bottom:12px}
.ca-home .ca-shortcut{gap:10px;display:grid;grid-template-columns:37px 1fr;padding:12px;border-radius:17px;align-items:center;min-height:87px}
.ca-home .ca-shortcut-icon{width:37px;height:37px;border-radius:12px}
.ca-home .ca-shortcut .ca-svg{width:21px;height:21px}
.ca-home .ca-shortcut strong{font-size:12px}
.ca-home .ca-shortcut small{font-size:10px}
.ca-home .home-section{padding-top:20px;padding-bottom:14px}
.ca-home .home-section>h2{font-size:21px}
.ca-page .dictionary-list{gap:9px;grid-template-columns:1fr}
.ca-page .dictionary-list .link-card{min-height:68px;padding:12px 14px;gap:10px}
.ca-page .link-card{padding:13px 14px}
.ca-page .link-card strong{font-size:14px}
.ca-page .link-card span{font-size:12px}
.ca-page .alphabet{gap:6px}
.ca-page .alphabet a{min-width:40px;min-height:42px;font-size:13px}
.ca-word .word-page>.section-narrow{padding-top:20px}
.ca-word .word-page h1{margin-top:10px;font-size:43px;font-size:clamp(2.7rem,10vw,3.7rem);margin-bottom:18px}
.ca-word .ca-title-prefix{font-size:14px}
.ca-word .answer-box{padding:18px 16px;border-radius:19px;margin-top:18px}
.ca-word .synonym-chips{gap:7px}
.ca-word .synonym-chip{font-size:13px;min-height:35px;padding:6px 11px}
.ca-word .answer-summary{font-size:15px}
.ca-word .word-panel{padding:0px 16px;border-radius:18px}
.ca-word .page-section h2{font-size:19px}
.ca-word .page-section{padding-block:22px}
.ca-word .entry-search{margin-bottom:13px}
.ca-word .entry-search input{min-width:0}
.ca-word .entry-search button{font-size:13px;padding-inline:12px!important}
.ca-index .section-narrow,.ca-topics .section-narrow{width:calc(100% - 24px);margin-top:14px;padding:23px 21px;border-radius:20px}
.ca-page .search-card{padding:16px}
.ca-home .ca-featured{padding:14px 16px}
.ca-page .analytics-consent{bottom:75px}
}
@media(min-width:681px) and (max-width:900px){.ca-home .home-landing>.wrap{padding:45px 38px}.ca-home .home-copy{max-width:540px}}
@media(prefers-reduced-motion:reduce){.ca-page *, .ca-page *::before,.ca-page *::after{transition:none!important;animation:none!important}}

@media(max-width:380px){.ca-page .wrap,.ca-page .section-narrow{padding-inline:13px}.ca-page .header-inner{gap:6px}.ca-page .brand span{font-size:15px}.ca-page .brand{gap:6px}.ca-page .brand img{width:28px;height:28px}.ca-page .ca-header-search{width:38px;height:38px}.ca-page .site-header .menu-toggle{width:38px;min-width:38px;padding-inline:4px}.ca-home .home-landing{padding-inline:9px}.ca-home .home-landing>.wrap{padding-inline:17px;padding-bottom:115px}.ca-home .ca-shortcut{grid-template-columns:32px 1fr;padding:9px}.ca-home .ca-shortcut-icon{width:32px;height:32px}}

/* ================================================================
   Refinamiento visual v2.1 — opción 2
   Base: neutros limpios + tinta azul noche + verde azulado de marca.
   La variedad cromática se reserva para los 4 accesos principales.
   Desktop / tablet / móvil — sin modificar estructura ni contenido.
   ================================================================ */
:root {
  --bg: #f7f9fc;
  --surface: #fff;
  --soft: #eff5f8;
  --text: #1e2e3e;
  --muted: #617285;
  --line: #e2e9f0;
  --accent: #08796f;
  --accent-strong: #075e58;
  --focus: #246ec2;
  --radius: 15px;
  --max: 1216px;
  --read: 836px;
  --header-h: 72px;
  --font: "Inter", "Aptos", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ca-shadow: 0 12px 35px rgba(26,49,67,.045), 0 2px 9px rgba(26,49,67,.035);
  --ca-shadow-hover: 0 12px 26px rgba(27,54,80,.10);
}
html {scroll-padding-top: calc(var(--header-h) + 20px)}
body.ca-page {
  background: var(--bg);
  color: var(--text);
  font-size: 16px;
  line-height: 1.68;
  letter-spacing: -.008em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ca-page h1,.ca-page h2,.ca-page h3 {
  color: #203145;
  letter-spacing: -.035em;
  font-weight: 730;
}
.ca-page h1 {font-size: clamp(2.15rem,3.25vw,2.95rem);line-height:1.17}
.ca-page h2 {font-size:clamp(1.45rem,2.05vw,1.85rem);line-height:1.3}
.ca-page h3 {font-size:1.13rem;line-height:1.38}
.ca-page .lead {font-size:1.0625rem;line-height:1.72;color:#5a6c7b;max-width:75ch}
.ca-page .eyebrow {color:#0b7770;letter-spacing:.085em;font-weight:760}
.ca-page .section-narrow {padding-top:44px}
.ca-page .section {padding-block:36px}
.ca-page .section-narrow + .section {padding-top:31px}
.ca-page .wrap {max-width:var(--max)}
.ca-page .site-header {
  background:rgba(255,255,255,.985);
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 14px rgba(31,57,76,.035);
}
.ca-page .header-inner {gap:20px}
.ca-page .brand {color:#213348;font-weight:800;gap:11px}
.ca-page .brand span {font-size:19px;letter-spacing:-.045em}
.ca-page .brand img {width:36px;height:36px}
.ca-page .main-nav {gap:2px}
.ca-page .main-nav a {font-size:14px;font-weight:625;color:#56687a;border-radius:10px;padding-inline:13px}
.ca-page .main-nav a[aria-current] {color:#087368;background:#eaf4f6}
.ca-page .main-nav a:hover {color:#0b5e69;background:#f0f5f9}
.ca-page .ca-header-search {border:1px solid #dfeef0;background:#eff8f8;color:#0b6d71;border-radius:13px}
.ca-page .ca-header-search:hover {background:#e1f2f2}
.ca-page .menu-toggle {background:#fff;color:#26394b;border:1px solid var(--line)}
.ca-page .breadcrumb {color:#738393;font-size:13px;margin-bottom:18px}
.ca-page .breadcrumb a {color:#547083}
.ca-page .breadcrumb a:hover {color:#087d74}
.ca-page .site-footer {background:#fff;border-top:1px solid var(--line);margin-top:70px;padding-block:46px}
.ca-page .site-footer a {color:#456578}
.ca-page :is(input[type=search],input[type=text],input[type=number],textarea,select) {
  border-radius:13px;
  border-color:#d6e1eb;
  box-shadow:none;
  background-color:#fff;
  color:#203145;
}
.ca-page :is(input[type=search],input[type=text],textarea):focus {
  outline:3px solid #b8dbea;
  border-color:#33849b;
  outline-offset:1px;
}
.ca-page :is(button[type=submit],.button,.primary-button) {
  background:#087f77!important;
  border-color:#087f77!important;
  box-shadow:0 4px 12px rgba(5,109,106,.14);
  border-radius:12px!important;
  font-weight:675;
}
.ca-page :is(button[type=submit],.button,.primary-button):hover {
  background:#08665f!important;
  border-color:#08665f!important;
}
.ca-page :focus-visible {outline:3px solid #3a8bb8;outline-offset:3px}
.ca-page ::selection {background:#d9f1f2;color:#173248}

/* Portada: mayor equilibrio visual y foco claro en la búsqueda */
.ca-home .home-landing {width:min(100%,1290px);margin-top:28px;padding-inline:24px}
.ca-home .home-landing>.wrap {
  padding:52px 58px 48px;
  border-radius:25px;
  background:radial-gradient(circle at 89% 6%,rgba(122,239,220,.23) 0%,transparent 45%),
             linear-gradient(118deg,#1c4561 0%,#136978 55%,#138e82 100%);
  box-shadow:0 18px 35px rgba(29,69,96,.115);
}
.ca-home .home-landing>.wrap::before {width:365px;height:330px;right:4%;opacity:.97}
.ca-home .home-landing>.wrap::after {border-color:#fff2;right:-135px}
.ca-home .home-copy {max-width:625px}
.ca-home .home-copy .eyebrow {background:rgba(255,255,255,.13);color:#e4f5fb;font-size:11px;padding:8px 13px}
.ca-home .home-copy h1 {font-size:clamp(2.55rem,4vw,3.5rem);letter-spacing:-.052em;line-height:1.105;margin-bottom:20px;max-width:650px}
.ca-home .home-copy h1 span {color:#b9f6e7}
.ca-home .home-copy .lead {font-size:17px;line-height:1.6;color:#e8f1f5;margin-bottom:28px;max-width:485px}
.ca-home .home-search {max-width:555px}
.ca-home .home-search-row {border-radius:16px;padding:5px;box-shadow:0 8px 24px rgba(0,30,41,.17)}
.ca-home .home-search input {font-size:16px;padding-inline:16px;min-height:51px}
.ca-home .home-search button {min-height:49px;background:#087f77!important;box-shadow:none;font-size:14px;border-radius:12px!important}
.ca-home .home-copy .quick-links {margin-top:18px;gap:8px 12px}
.ca-home .home-copy .quick-links>span {color:#d7ebf1}
.ca-home .quick-link-options a {background:#ffffff19;border:1px solid #ffffff35;padding:5px 12px;font-size:12px}
.ca-home .ca-shortcuts {gap:18px;padding-top:24px;padding-bottom:12px}
.ca-home .ca-shortcut {
  padding:19px 18px;
  gap:15px;
  min-height:94px;
  align-items:center;
  border-radius:18px;
  box-shadow:0 5px 18px rgba(34,53,74,.052);
  border:1px solid rgba(36,57,76,.045);
}
.ca-home .ca-shortcut-icon {width:47px;height:47px;border-radius:14px}
.ca-home .ca-shortcut strong {font-size:14px;line-height:1.32;color:#23394a}
.ca-home .ca-shortcut small {font-size:12px;color:#596e7e}
.ca-shortcut--mint {background:#e4f6f1}
.ca-shortcut--blue {background:#e6f1fe}
.ca-shortcut--gold {background:#fff4d8}
.ca-shortcut--violet {background:#f0ebff}
.ca-home .home-section {padding-block:34px}
.ca-home .home-section>h2 {margin-bottom:20px}
.ca-home .home-section .dictionary-list {gap:13px 18px}
.ca-home .home-section .dictionary-list .link-card {padding:19px 21px}
.ca-home .home-section .grid .link-card {padding:20px}
.ca-home .home-section .panel {border-color:var(--line);border-radius:19px;padding:28px;box-shadow:var(--ca-shadow)}
.ca-home .ca-featured {margin-block:10px 14px;border-color:#e4e3f8;background:#f3f1ff;border-radius:18px;padding:20px 24px;gap:15px}
.ca-home .ca-featured span {font-size:14px;line-height:1.55;color:#617181}

/* Tarjetas: superficie neutra para que los colores de acceso respiren */
.ca-page .link-card {
  border-color:var(--line)!important;
  background:#fff;
  border-radius:15px;
  padding:18px 20px;
  box-shadow:0 2px 9px rgba(34,57,78,.03);
}
.ca-page .link-card strong {color:#22394d;font-weight:715;line-height:1.42}
.ca-page .link-card span {color:#627588;font-size:13px;line-height:1.5}
.ca-page .dictionary-list,.ca-page .grid,.ca-page .link-grid {gap:15px 17px}
.ca-page .dictionary-list .link-card {min-height:72px;padding:16px 20px}
.ca-page .grid-3 .link-card:nth-child(n) {background:#fff}
.ca-page .grid-3 .link-card:hover {background:#f7fafc}
.ca-page .alphabet {gap:9px;margin:20px 0 28px}
.ca-page .alphabet a {
  border:1px solid #dce5ee;
  background:#fff;
  color:#31485b;
  min-width:44px;min-height:46px;
  border-radius:12px;
  font-weight:680;
  box-shadow:0 1px 4px rgba(31,55,73,.03);
}
.ca-page .alphabet a[aria-current] {background:#0b7774;color:white;border-color:#0b7774}
.ca-page .alphabet a:hover {background:#edf6fa;border-color:#b7d6e0}
.ca-page .related-links {gap:9px}
.ca-page .related-links a {background:#edf5fa;color:#1e617b;border:1px solid #e1edf3;border-radius:11px;padding:6px 12px;font-weight:600}
.ca-page .related-links a:hover {background:#e1eff7}
.ca-page .context-card {border-color:var(--line);border-radius:17px;padding:24px;box-shadow:0 3px 14px rgba(27,53,77,.04)}
.ca-page .note-box {background:#fffaf0;border-color:#f0dfb9;border-left-color:#e8b660;border-radius:12px}
.ca-page .examples li,.ca-page .example-list li {background:#f1f7fb;border-left-color:#6daec4;border-radius:0 10px 10px 0}
.ca-page .faq details,.ca-page .faq-list details {border-color:var(--line)}
.ca-page .faq details[open],.ca-page .faq-list details[open] {background:#f6f9fc}
.ca-page .letter-toolbar {background:#f0f6fa;border:1px solid #e0e9f1;border-radius:16px;padding:20px 22px}
.ca-page .results {gap:12px}
.ca-page .result-link {border-color:var(--line);border-radius:14px;padding:17px 19px;box-shadow:0 2px 8px rgba(34,56,74,.03)}
.ca-page .result-link:hover {background:#f7fafc}
.ca-page .search-card {padding:26px;border:1px solid var(--line);border-radius:19px;box-shadow:var(--ca-shadow)}
.ca-page .table-scroll,.ca-page .table-wrap {border-color:var(--line);border-radius:14px}
.ca-page .forms-table th {background:#edf4fa}
.ca-page .badge {background:#edf3f9;color:#3f6076}
.ca-page .panel.natural-copy {line-height:1.76}
.ca-page .panel.natural-copy :is(p,li) {color:#314355}

/* Ficha: la definición y los sinónimos son contenido, no otro bloque verde */
.ca-word .word-page>.section-narrow {width:min(100%,1120px)}
.ca-word .word-page h1 {font-size:clamp(2.55rem,4.2vw,4rem);margin:9px 0 22px;line-height:1.1}
.ca-word .ca-title-prefix {font-size:clamp(1rem,1.7vw,1.2rem);color:#718094;font-weight:560;letter-spacing:-.015em;margin-bottom:6px}
.ca-word .ca-title-word {color:#183b51;font-weight:785;letter-spacing:-.058em}
.ca-word .word-page .eyebrow {background:#e9f0fa;color:#4b6884;padding:6px 12px}
.ca-word .answer-box {
  background:#fff;
  border:1px solid #dce6ee;
  border-left:4px solid #4a9fae;
  border-radius:19px;
  padding:28px 30px;
  margin-top:23px;
  box-shadow:0 8px 25px rgba(29,61,83,.048);
  max-width:860px;
}
.ca-word .answer-box>p:first-child:not(.answer-summary) {color:#38647a;font-size:13px;font-weight:770;letter-spacing:.006em;margin-bottom:17px}
.ca-word .synonym-chips {gap:9px 10px}
.ca-word .synonym-chip {font-size:14px;font-weight:615;min-height:38px;padding:7px 14px;line-height:1.45}
.ca-word a.synonym-chip {background:#eaf5f7;border:1px solid #d7ebf0;color:#176775;box-shadow:none}
.ca-word a.synonym-chip:hover {background:#dceff4}
.ca-word span.synonym-chip {background:#f0effb;color:#6a5b92}
.ca-word .answer-summary {font-size:16px;line-height:1.76;color:#354a59;margin-top:22px}
.ca-word .answer-context {font-size:14px;line-height:1.6;color:#6d8090;margin-top:11px}
.ca-word .content-layout {max-width:1120px;grid-template-columns:minmax(0,850px) 222px;gap:30px}
.ca-word .word-panel {background:white;border:1px solid var(--line);border-radius:19px;padding:12px 30px;box-shadow:var(--ca-shadow)}
.ca-word .page-section {padding-block:30px;border-color:#e9edf2}
.ca-word .page-section:first-child {padding-top:25px}
.ca-word .page-section h2 {font-size:22px;margin:0 0 12px;color:#23384c}
.ca-word .page-section p {line-height:1.76}
.ca-word .entry-aside {background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;top:94px}
.ca-word .entry-aside nav strong {color:#315a6e;font-size:14px}
.ca-word .entry-aside a {color:#617588;font-size:13px;line-height:1.5;min-height:36px;padding:7px 0}
.ca-word .entry-aside a:hover {color:#087c75}
.ca-word .entry-data {border-color:#e7edf3}
.ca-word .mobile-toc {background:#f4f7fc;border:1px solid #e2e9f2;border-radius:14px;padding-inline:17px}
.ca-word .mobile-toc a {color:#46677d;min-height:40px}

/* Páginas de exploración: títulos con separación y fondos que no saturan */
.ca-index .section-narrow,.ca-topics .section-narrow {
  background:linear-gradient(118deg,#edf5ff,#f6f2ff);
  border:1px solid #e1e8f4;
  padding:36px 40px;
  margin-top:29px;
  border-radius:21px;
}
.ca-index .section-narrow .lead,.ca-topics .section-narrow .lead {color:#607187}
.ca-page .page-section:target h2 {color:#0e6e75}

@media (hover:hover) and (pointer:fine) {
  .ca-page .link-card:hover {border-color:#b7d1df!important;box-shadow:var(--ca-shadow-hover)}
  .ca-home .ca-shortcut:hover {box-shadow:var(--ca-shadow-hover)}
}

@media(max-width:1110px) {
  .ca-home .home-landing>.wrap::before {width:310px;right:1%;opacity:.76}
  .ca-home .home-copy {max-width:575px}
  .ca-home .ca-shortcuts {gap:14px}
}
@media(max-width:900px) {
  .ca-page .header-inner {gap:12px}
  .ca-page .main-nav {background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(32,51,74,.12);border-radius:16px}
  .ca-page .menu-toggle {margin-left:auto}
  .ca-word .content-layout {max-width:836px}
  .ca-word .word-panel {padding:9px 25px}
}
@media(max-width:680px) {
  :root {--header-h:62px}
  body.ca-page {font-size:16px;line-height:1.63;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
  .ca-page .wrap,.ca-page .section-narrow {padding-inline:19px}
  .ca-page .section-narrow {padding-top:25px}
  .ca-page .section {padding-block:24px}
  .ca-page .section-narrow + .section {padding-top:23px}
  .ca-page h1 {font-size:clamp(1.95rem,8vw,2.45rem);line-height:1.17;letter-spacing:-.04em}
  .ca-page h2 {font-size:1.36rem;line-height:1.32}
  .ca-page h3 {font-size:1.08rem}
  .ca-page .lead {font-size:15px;line-height:1.65}
  .ca-page .brand {gap:8px}
  .ca-page .brand span {font-size:16px;letter-spacing:-.045em}
  .ca-page .brand img {width:31px;height:31px}
  .ca-page .header-inner {gap:8px}
  .ca-page .ca-header-search {width:39px;height:39px;border-radius:12px}
  .ca-page .site-header .menu-toggle {width:41px;min-width:41px;height:41px;font-size:12px;padding-inline:6px}
  .ca-page .site-footer {margin-top:40px;padding-block:28px}
  .ca-page .breadcrumb {font-size:12px;margin-bottom:14px}
  .ca-page .ca-tabbar {
    height:calc(66px + env(safe-area-inset-bottom,0px));
    bottom:0;
    padding:5px max(12px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));
    border-top:1px solid #dce5ee;
    box-shadow:0 -5px 23px rgba(24,46,63,.065);
  }
  .ca-page .ca-tabbar a {color:#6a7a8d;font-size:10px;border-radius:11px;gap:2px;font-weight:650}
  .ca-page .ca-tabbar a[aria-current=page] {background:#e8f1fa;color:#146678}
  .ca-page .ca-tabbar a .ca-svg {width:21px;height:21px}
  .ca-home .home-landing {margin:15px auto 0;padding-inline:12px}
  .ca-home .home-landing>.wrap {min-height:0;border-radius:22px;padding:29px 23px 126px;box-shadow:0 12px 24px rgba(23,61,85,.12)}
  .ca-home .home-landing>.wrap::before {width:185px;height:185px;right:-20px;bottom:-50px;top:auto;transform:none;opacity:.82}
  .ca-home .home-copy .eyebrow {font-size:10px;padding:6px 10px;margin-bottom:12px}
  .ca-home .home-copy h1 {font-size:clamp(1.95rem,8.3vw,2.58rem);max-width:420px;line-height:1.13;margin-bottom:14px;letter-spacing:-.045em}
  .ca-home .home-copy .lead {font-size:14px;line-height:1.58;max-width:340px;margin-bottom:21px}
  .ca-home .home-search-row {border-radius:14px;gap:3px}
  .ca-home .home-search-row input {font-size:16px;height:46px;min-height:46px;padding-inline:11px}
  .ca-home .home-search-row button {width:47px;height:46px;min-height:46px!important}
  .ca-home .home-copy .quick-links {max-width:100%;gap:6px;margin-top:15px}
  .ca-home .quick-link-options a {padding:4px 10px;font-size:12px;min-height:30px}
  .ca-home .ca-shortcuts {gap:11px;padding-top:15px;padding-bottom:10px}
  .ca-home .ca-shortcut {display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:86px;padding:13px 12px;border-radius:16px}
  .ca-home .ca-shortcut-icon {width:38px;height:38px;border-radius:12px}
  .ca-home .ca-shortcut strong {font-size:12px;line-height:1.35}
  .ca-home .ca-shortcut small {font-size:11px;line-height:1.4}
  .ca-home .home-section {padding-top:25px;padding-bottom:21px}
  .ca-home .home-section>h2 {font-size:21px;margin-bottom:15px}
  .ca-home .home-section .dictionary-list {gap:10px}
  .ca-home .home-section .dictionary-list .link-card {padding:15px 16px}
  .ca-home .home-section .panel {padding:19px;border-radius:17px}
  .ca-home .ca-featured {padding:16px;border-radius:16px;gap:11px}
  .ca-page .dictionary-list,.ca-page .grid,.ca-page .link-grid {gap:11px}
  .ca-page .link-card {padding:15px 16px;border-radius:14px}
  .ca-page .dictionary-list .link-card {min-height:68px;padding:14px 16px}
  .ca-page .link-card strong {font-size:14px}
  .ca-page .link-card span {font-size:12px}
  .ca-page .alphabet {gap:7px;margin:17px 0 24px}
  .ca-page .alphabet a {min-width:42px;min-height:44px;font-size:14px;border-radius:11px}
  .ca-page .context-card {padding:17px;border-radius:14px}
  .ca-page .letter-toolbar {padding:15px;border-radius:14px}
  .ca-page .result-link {padding:15px;border-radius:13px}
  .ca-page .search-card {padding:19px;border-radius:16px}
  .ca-word .word-page>.section-narrow {padding-top:23px}
  .ca-word .word-page h1 {font-size:clamp(2.4rem,10vw,3.2rem);margin:11px 0 18px}
  .ca-word .ca-title-prefix {font-size:14px;margin-bottom:4px}
  .ca-word .answer-box {margin-top:17px;padding:21px 18px;border-radius:17px}
  .ca-word .answer-box>p:first-child:not(.answer-summary) {margin-bottom:15px}
  .ca-word .synonym-chips {gap:8px}
  .ca-word .synonym-chip {font-size:13px;min-height:36px;padding:7px 12px}
  .ca-word .answer-summary {font-size:15px;line-height:1.7;margin-top:18px}
  .ca-word .answer-context {font-size:13px}
  .ca-word .word-panel {padding:0 19px;border-radius:16px}
  .ca-word .page-section {padding-block:24px}
  .ca-word .page-section h2 {font-size:20px;line-height:1.33;margin-bottom:11px}
  .ca-word .page-section p {line-height:1.72}
  .ca-word .mobile-toc {padding-inline:14px}
  .ca-word .entry-search {margin-bottom:16px}
  .ca-word .entry-search input {font-size:16px}
  .ca-index .section-narrow,.ca-topics .section-narrow {width:calc(100% - 24px);margin-top:15px;padding:25px 22px;border-radius:18px}
}
@media(max-width:380px) {
  .ca-page .wrap,.ca-page .section-narrow {padding-inline:15px}
  .ca-page .brand span {font-size:14px}
  .ca-page .brand img {width:28px;height:28px}
  .ca-home .home-landing {padding-inline:9px}
  .ca-home .home-landing>.wrap {padding:25px 18px 112px}
  .ca-home .home-copy h1 {font-size:2rem}
  .ca-home .ca-shortcut {grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px 10px}
  .ca-home .ca-shortcut-icon {width:34px;height:34px}
  .ca-home .ca-shortcut strong {font-size:11px}
  .ca-home .ca-shortcut small {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  .ca-page *,.ca-page *::before,.ca-page *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Controles compactos móviles: los textos accesibles permanecen en el DOM. */
@media(max-width:680px) {
  .ca-page .site-header .menu-toggle {
    font-size:0!important;
    color:transparent;
  }
  .ca-page .site-header .menu-toggle::after {
    content:"";
    display:block;
    width:20px;height:20px;
    background: center / 20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23283f53' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
  }
  .ca-home .home-search-row button {
    font-size:0!important;
    color:transparent!important;
    white-space:nowrap;
  }
  .ca-home .home-search-row button::after {
    content:"";
    display:block;
    position:absolute;
    inset:0;
    background: center / 23px 23px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
  }
}

/* Búsqueda dedicada: la entrada nunca compite con el botón en pantallas estrechas. */
@media(max-width:680px) {
  .ca-search .search-card .search-row {display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
  .ca-search .search-card .search-row input {width:100%;min-width:0;min-height:51px;font-size:16px}
  .ca-search .search-card .search-row button {width:100%;min-height:47px!important}
}
@media(max-width:680px) {
  .ca-page .site-header .menu-toggle[aria-expanded="true"]::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23283f53' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");
  }
  .ca-page .ca-tabbar a {font-size:11px}
  .ca-home .ca-shortcut strong {font-size:13px}
}

/* ============================================================
   Refinamiento editorial v2.2 — legibilidad y tablas por contexto
   Ajustes específicos sobre la opción 2, sin tocar el contenido.
   ============================================================ */
:root {
  --text: #25364b;
  --muted: #66788b;
  --line: #e3eaf1;
  --read: 850px;
}
body.ca-page {
  color: var(--text);
  font-family: "Aptos", "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.68;
  letter-spacing: 0;
}
.ca-page :is(h1,h2,h3,h4) {
  color: #1c3046;
  text-wrap: pretty;
  overflow-wrap: break-word;
  letter-spacing: -.028em;
}
.ca-page h1 {font-weight: 770;line-height: 1.16}
.ca-page h2 {font-size: clamp(1.45rem, 2vw, 1.85rem);font-weight: 745;line-height: 1.3}
.ca-page h3 {font-size: 1.155rem;font-weight: 725;line-height: 1.4}
.ca-page :is(p,li,dt,dd) {color:#35475a}
.ca-page :is(.natural-copy,.article-copy) {font-size: 16px;line-height: 1.75}
.ca-page :is(.natural-copy,.article-copy) :is(p,li) {
  color:#35475a;
  line-height: 1.75;
  font-weight: 400;
  overflow-wrap: break-word;
}
.ca-page :is(.natural-copy,.article-copy) strong {color:#24384d;font-weight:700}
.ca-page :is(.natural-copy,.article-copy) a:not(.link-card):not(.synonym-chip) {
  color:#0b6c83;
  text-decoration-color:#87c0d0;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.ca-page :is(.natural-copy,.article-copy) a:not(.link-card):not(.synonym-chip):hover {
  color:#084f68;
  text-decoration-color:currentColor;
}
.ca-page .lead {color:#596e83;line-height:1.66}
.ca-page .breadcrumb {line-height:1.5}
.ca-page .link-card span {color:#5d7185;font-size:13.5px}
.ca-page .badge {font-size:12px;letter-spacing:.01em}

/* Titulares editoriales: jerarquía nítida y márgenes constantes */
.ca-word .page-section {padding-block:32px}
.ca-word .page-section:first-child {padding-top:29px}
.ca-word .page-section > h2,
.ca-article .natural-copy > h2,
.ca-article .natural-copy .page-section > h2,
.ca-topics .natural-copy > h2 {
  font-size:clamp(1.32rem,1.7vw,1.58rem);
  line-height:1.3;
  font-weight:750;
  letter-spacing:-.026em;
  color:#1f3349;
  margin:0 0 17px;
}
.ca-word .page-section > h2 {
  border-left:3px solid #b9dce4;
  padding-left:13px;
}
.ca-page :is(.natural-copy,.article-copy) :is(h3,h4) {margin-top:25px;margin-bottom:10px}
.ca-word .page-section > :is(p,ul,ol) + :is(p,ul,ol) {margin-top:17px}
.ca-word .word-panel {padding-inline:32px}
.ca-word .page-section > p:last-child {margin-bottom:0}
.ca-article .panel.natural-copy {padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--line);border-radius:19px}
.ca-article .natural-copy > h2:not(:first-child) {margin-top:33px}
.ca-article .natural-copy > h2 + p {margin-top:6px}

/* Tablas del diccionario: caption separado de cabecera, columnas
   diferenciadas por tipografía (sin tintar columnas completas). */
.ca-word .quick-context > h2 {margin-bottom:18px}
.ca-word .quick-context .table-scroll {
  margin:0 0 19px;
  border:1px solid #dee6ee;
  border-radius:15px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(28,51,71,.025);
}
.ca-word .quick-context .forms-table {
  width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  table-layout:fixed;
  font-size:15px;
  line-height:1.55;
}
.ca-word .quick-context .forms-table caption {
  caption-side:top;
  text-align:left;
  padding:13px 19px;
  margin:0;
  color:#627589;
  background:#f8fafc;
  border-bottom:1px solid #e4eaf0;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0;
}
.ca-word .quick-context .forms-table thead th {
  padding:13px 18px;
  background:#eef3f8;
  color:#4b627a;
  font-size:12px;
  font-weight:750;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-bottom:1px solid #dce5ee;
}
.ca-word .quick-context .forms-table :is(tbody th,tbody td) {
  padding:16px 18px;
  background:#fff;
  color:#35475a;
  font-size:15px;
  font-weight:400;
  line-height:1.58;
  border-bottom:1px solid #e7edf3;
  vertical-align:top;
  overflow-wrap:anywhere;
}
.ca-word .quick-context .forms-table tbody th {
  font-weight:670;
  color:#253a50;
}
.ca-word .quick-context .forms-table tbody tr:last-child > * {border-bottom:0}
.ca-word .quick-context .forms-table :is(th,td):first-child {width:31%}
.ca-word .quick-context .forms-table :is(th,td):nth-child(2) {width:24%}
.ca-word .quick-context .forms-table :is(th,td):nth-child(3) {width:45%}
.ca-word .quick-context .forms-table a {
  color:#08748a;
  font-weight:660;
  text-decoration-color:#8cc7d3;
  text-underline-offset:3px;
}
.ca-word .quick-context .forms-table a:hover {color:#064f67}
.ca-word .quick-context .forms-table .cell-label {display:none}
.ca-word .quick-context > p {font-size:14px;line-height:1.65;color:#61758a;margin-top:17px}

/* Tablas similares en otras secciones: evita tipografía desproporcionada */
.ca-page .table-wrap table:not(.forms-table) {font-size:14.5px;line-height:1.6}
.ca-page .table-wrap table:not(.forms-table) :is(th,td) {padding:13px 16px}
.ca-page .table-wrap table:not(.forms-table) thead th {background:#f0f5fa;color:#4a6177}

@media (max-width:900px) {
  .ca-word .word-panel {padding-inline:25px}
  .ca-word .page-section > h2 {font-size:1.42rem}
}
@media (max-width:720px) {
  .ca-word .quick-context .table-scroll {overflow:visible}
  .ca-word .quick-context .forms-table,
  .ca-word .quick-context .forms-table caption,
  .ca-word .quick-context .forms-table tbody,
  .ca-word .quick-context .forms-table tbody tr,
  .ca-word .quick-context .forms-table tbody :is(th,td) {
    display:block;
    width:100%;
    min-width:0;
  }
  .ca-word .quick-context .forms-table caption {
    font-size:12.5px;
    padding:13px 15px;
  }
  .ca-word .quick-context .forms-table thead {
    position:absolute;
    width:1px;height:1px;
    padding:0;margin:-1px;
    overflow:hidden;clip-path:inset(50%);
    white-space:nowrap;
  }
  .ca-word .quick-context .forms-table tbody tr {
    padding:16px 16px 17px;
    border-bottom:1px solid #e5edf3;
  }
  .ca-word .quick-context .forms-table tbody tr:last-child {border-bottom:0}
  .ca-word .quick-context .forms-table tbody th {
    margin:0 0 8px;
    padding:0;
    font-size:15px;
    line-height:1.4;
    color:#22384e;
    font-weight:720;
    border:0;
  }
  .ca-word .quick-context .forms-table tbody td {
    padding:4px 0;
    font-size:14px;
    line-height:1.56;
    border:0;
  }
  .ca-word .quick-context .forms-table tbody td .cell-label {
    display:inline;
    margin-right:6px;
    font-size:12px;
    font-weight:700;
    color:#738399;
  }
  .ca-word .quick-context .forms-table tbody td .cell-value {display:inline}
  .ca-word .quick-context .forms-table tbody td a {font-size:14px}
  .ca-word .quick-context > p {font-size:13px;line-height:1.63;margin-top:13px}
}
@media (max-width:680px) {
  body.ca-page {font-size:15.5px;line-height:1.68}
  .ca-page :is(.natural-copy,.article-copy) {font-size:15.5px;line-height:1.72}
  .ca-page :is(.natural-copy,.article-copy) :is(p,li) {line-height:1.72}
  .ca-page h2 {font-size:1.34rem}
  .ca-page h3 {font-size:1.075rem}
  .ca-word .word-panel {padding-inline:18px}
  .ca-word .page-section {padding-block:25px}
  .ca-word .page-section:first-child {padding-top:22px}
  .ca-word .page-section > h2 {font-size:1.26rem;line-height:1.33;padding-left:11px;margin-bottom:15px}
  .ca-word .quick-context > h2 {margin-bottom:17px}
  .ca-word .quick-context .table-scroll {border-radius:13px}
  .ca-word .quick-context .forms-table tbody tr {padding:15px 13px}
  .ca-word .quick-context .forms-table tbody :is(th,td) {font-size:14px}
  .ca-article .panel.natural-copy {padding:20px}
  .ca-article .natural-copy > h2 {font-size:1.29rem}
  .ca-page .lead {font-size:15px}
  .ca-page .link-card span {font-size:12.5px}
}
/* La maqueta móvil anula los anchos de columnas fijados para escritorio. */
@media (max-width:720px) {
  .ca-word .quick-context .forms-table tbody tr > :is(th,td):nth-child(n) {
    width:100%;
    max-width:100%;
  }
}

/* ================================================================
   V3 · Sistema de marca editorial: tipografía, identidad y densidad
   Mantiene el comportamiento existente de búsqueda, diccionario y app.
   ================================================================ */
:root {
  --bg:#F6F8FB;
  --surface:#FFFFFF;
  --soft:#ECF4F8;
  --text:#1B2D44;
  --muted:#5E7185;
  --line:#E1E8F0;
  --accent:#0B827B;
  --accent-strong:#086E68;
  --focus:#2468C5;
  --radius:14px;
  --font:'DM Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-display:'Manrope','DM Sans',system-ui,-apple-system,sans-serif;
  --ca-shadow:0 4px 18px rgba(24,48,74,.045);
  --ca-shadow-hover:0 9px 23px rgba(24,48,74,.08);
}
body.ca-page {
  font-family:var(--font);
  font-size:16px;
  line-height:1.67;
  letter-spacing:0;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
.ca-page :is(h1,h2,h3,h4,h5,h6),
.ca-page .brand,
.ca-page .footer-brand {
  font-family:var(--font-display);
  font-feature-settings:'ss01' on;
  letter-spacing:-.036em;
  color:#1B2D44;
}
.ca-page h1 {font-weight:750;line-height:1.18;font-size:clamp(2.1rem,3vw,2.75rem)}
.ca-page h2 {font-weight:730;line-height:1.32;font-size:clamp(1.35rem,1.8vw,1.68rem)}
.ca-page h3 {font-weight:710;line-height:1.39;font-size:1.115rem}
.ca-page .lead {font-size:1rem;line-height:1.65;color:#597087}
.ca-page :is(input,textarea,select,button),.ca-page .link-card {font-family:var(--font)}
.ca-page :is(p,li,td,th) {overflow-wrap:break-word}
.ca-page a {text-underline-offset:3px}
.ca-page :focus-visible {outline:3px solid #448AE3;outline-offset:3px}
.ca-page .eyebrow {font-family:var(--font);color:#0F7C82;font-size:11px;font-weight:700;letter-spacing:.12em}

/* Cabecera compacta, wordmark de dos pesos y símbolo reconocible. */
.ca-page .site-header {
  background:rgba(255,255,255,.985);
  border-bottom:1px solid #E5EAF0;
  box-shadow:0 1px 4px rgba(22,42,67,.024);
}
.ca-page .header-inner {gap:21px}
.ca-page .brand {display:inline-flex;align-items:center;gap:11px;text-decoration:none;min-width:0;color:#1B2D44}
.ca-page .brand img {width:35px;height:35px;flex:none;border-radius:9px}
.ca-page .brand-lockup {display:inline-flex;align-items:baseline;gap:1px;white-space:nowrap;line-height:1}
.ca-page .brand-lockup strong {
  font-family:var(--font-display);font-size:17px;letter-spacing:-.047em;
  font-weight:800;color:#182D47;
}
.ca-page .brand-lockup .brand-domain {
  font-family:var(--font-display);font-size:13px;font-weight:600;
  letter-spacing:-.04em;color:#657B91;
}
.ca-page .main-nav a {font-size:13.5px;font-weight:650;color:#546A7E;border-radius:9px;padding:9px 12px}
.ca-page .main-nav a[aria-current] {background:#ECF4FB;color:#1E577E}
.ca-page .main-nav a:hover {color:#17456C;background:#F2F6FA}
.ca-page .ca-header-search {background:#F1F6FA;color:#345C79;border:1px solid #E3EBF2;border-radius:10px;width:41px;height:41px}
.ca-page .ca-header-search:hover {background:#E9F3FB}
.ca-page .site-footer {background:#fff;border-top-color:#E1E8EF}
.ca-page .footer-brand {font-weight:800;letter-spacing:-.05em}

/* Hero: de bloque vistoso y alto a buscador editorial compacto. */
.ca-home .home-landing {width:min(100%,1260px);margin:21px auto 0;padding-inline:22px}
.ca-home .home-landing>.wrap {
  min-height:325px;
  max-width:none;
  padding:34px 46px 32px;
  border-radius:20px;
  border:1px solid #DDE7F0;
  background:linear-gradient(116deg,#FCFDFE 0%,#F8FBFF 58%,#EEF5FA 100%);
  box-shadow:0 8px 24px rgba(32,63,96,.038);
  position:relative;isolation:isolate;
}
.ca-home .home-landing>.wrap::before {
  display:block;
  content:"";
  position:absolute;
  width:330px;height:260px;
  top:50%;right:4%;bottom:auto;
  transform:translateY(-50%);
  opacity:1;
  background:url('/assets/illustrations/search-editorial.svg') center/contain no-repeat;
  pointer-events:none;
  z-index:-1;
}
.ca-home .home-landing>.wrap::after {display:none}
.ca-home .home-copy {width:calc(100% - 300px);max-width:690px;margin:0;position:relative;z-index:1}
.ca-home .home-copy .eyebrow {
  margin:0 0 11px;
  padding:0;
  border-radius:0;
  background:none;
  color:#3F7485;
  font-size:11px;
  letter-spacing:.105em;
  text-transform:uppercase;
  font-weight:750;
}
.ca-home .home-copy h1 {
  color:#1A304B;
  font-family:var(--font-display);
  font-size:clamp(2.15rem,3vw,2.82rem);
  font-weight:800;
  line-height:1.16;
  letter-spacing:-.049em;
  max-width:625px;
  margin:0 0 11px;
}
.ca-home .home-copy h1 span {color:#147C8F}
.ca-home .home-copy .lead {
  max-width:530px;
  margin:0 0 18px;
  color:#5B6F83;
  font-size:15px;
  line-height:1.57;
}
.ca-home .home-search {max-width:530px;margin:0}
.ca-home .home-search-row {
  display:flex;align-items:center;gap:5px;
  padding:5px;
  border-radius:12px;
  background:#fff;
  border:1px solid #D6E2EC;
  box-shadow:0 4px 16px rgba(31,68,102,.065);
}
.ca-home .home-search input {
  height:44px;min-height:44px;
  padding:8px 12px;
  font-family:var(--font);
  font-size:14.5px;
  color:#1B2D44;
  border:0;border-radius:8px;
  background:transparent;
}
.ca-home .home-search input::placeholder {color:#8495A7;opacity:1}
.ca-home .home-search input:focus {outline:0;box-shadow:none}
.ca-home .home-search button {
  min-height:43px;
  border-radius:9px!important;
  padding:8px 18px!important;
  background:#1B63B6!important;
  border-color:#1B63B6!important;
  color:#fff!important;
  font-size:13px;
  font-weight:700;
  box-shadow:none;
  white-space:nowrap;
}
.ca-home .home-search button:hover {background:#154F94!important;border-color:#154F94!important}
.ca-home .home-copy .quick-links {
  margin-top:12px;
  gap:7px 10px;
  color:#6A7F91;
}
.ca-home .home-copy .quick-links>span {color:#657C91;font-size:12px}
.ca-home .quick-link-options {gap:7px}
.ca-home .quick-link-options a {
  background:#F1F6FA;
  color:#315978;
  border:1px solid #E1EAF2;
  padding:4px 10px;
  min-height:28px;
  border-radius:9px;
  font-size:11.5px;
  font-weight:650;
}
.ca-home .quick-link-options a:hover {background:#E5F1FA;color:#194E7D}
.ca-home .search-status {color:#465C72}
.ca-home .results {background:white;color:var(--text)}

/* Tarjetas de acceso: se mantienen cuatro tonos como sistema, no decoración. */
.ca-home .ca-shortcuts {padding-top:17px;padding-bottom:6px;gap:13px}
.ca-home .ca-shortcut {
  min-height:83px;
  padding:15px;
  border-radius:14px;
  border:1px solid rgba(58,75,102,.065);
  box-shadow:none;
  gap:13px;
}
.ca-home .ca-shortcut-icon {width:43px;height:43px;border-radius:11px}
.ca-home .ca-shortcut strong {font-family:var(--font-display);font-size:13px;font-weight:760;line-height:1.35}
.ca-home .ca-shortcut small {font-size:11.5px;color:#677A8A;line-height:1.4}
.ca-home .ca-shortcut--mint {background:#E9F6F3}
.ca-home .ca-shortcut--blue {background:#EDF4FC}
.ca-home .ca-shortcut--gold {background:#FFF6E4}
.ca-home .ca-shortcut--violet {background:#F3F0FD}
.ca-home .home-section {padding-block:27px}
.ca-home .home-section>h2 {margin-bottom:16px}
.ca-home .home-section .dictionary-list {gap:11px 14px}
.ca-home .home-section .dictionary-list .link-card {padding:15px 17px}
.ca-home .ca-featured {background:#F2F5FC;border:1px solid #E3E9F6;border-radius:14px}
.ca-home .home-section .panel {border-radius:14px}

/* Fichas y artículos: lectura y escala tipográfica más propias de un diccionario. */
.ca-page .link-card,.ca-page .context-card,.ca-page .search-card {border-radius:13px;box-shadow:none}
.ca-page .link-card:hover {background:#FBFDFF;border-color:#C5D6E6!important;box-shadow:0 3px 10px rgba(30,60,85,.035)}
.ca-page .link-card strong {font-family:var(--font-display);font-size:14px;font-weight:720;letter-spacing:-.012em}
.ca-page .link-card span {color:#687D90;line-height:1.5}
.ca-page .alphabet a {border-radius:10px;box-shadow:none;min-height:44px;min-width:42px}
.ca-word .word-page h1 {font-family:var(--font-display);letter-spacing:-.045em;font-weight:800}
.ca-word .word-panel,.ca-article .panel.natural-copy {border-radius:15px;box-shadow:none;border-color:#E1E8EF}
.ca-word .answer-box {border-radius:14px;box-shadow:none}
.ca-word .page-section>h2 {font-size:clamp(1.3rem,1.5vw,1.47rem);font-weight:750;border-left-color:#90B6D3;letter-spacing:-.025em}
.ca-article .section-narrow h1 {max-width:25ch;font-weight:800;line-height:1.22;letter-spacing:-.045em}
.ca-page :is(.natural-copy,.article-copy) {font-size:16px;line-height:1.78;color:#31475D}
.ca-page :is(.natural-copy,.article-copy) :is(p,li) {color:#344A60;line-height:1.76}
.ca-page :is(.natural-copy,.article-copy) :is(h2,h3) {font-family:var(--font-display);letter-spacing:-.023em;color:#1E3249}
.ca-page .breadcrumb {font-size:12.5px}
.ca-page .site-footer .footer-shell {gap:32px}
.ca-page .forms-table {font-family:var(--font)}
.ca-page .forms-table th {font-family:var(--font);letter-spacing:.01em}
.ca-page .badge {font-size:11.5px}

/* Adaptaciones intermedias: ilustración discreta, nunca tapa formularios. */
@media (max-width:1050px) {
  .ca-home .home-landing>.wrap {padding:33px 37px}
  .ca-home .home-landing>.wrap::before {width:280px;height:230px;right:2%}
  .ca-home .home-copy {width:calc(100% - 245px)}
  .ca-home .home-copy h1 {font-size:clamp(2rem,3.8vw,2.58rem)}
}
@media (max-width:820px) {
  .ca-home .home-landing>.wrap::before {width:222px;height:195px;right:0;opacity:.5}
  .ca-home .home-copy {width:calc(100% - 110px);max-width:650px}
  .ca-home .home-landing>.wrap {min-height:0;padding:34px 30px}
}
@media (max-width:680px) {
  body.ca-page {font-size:15.5px;line-height:1.66}
  .ca-page .brand {gap:8px}
  .ca-page .brand img {height:30px;width:30px;border-radius:8px}
  .ca-page .brand-lockup strong {font-size:15px}
  .ca-page .brand-lockup .brand-domain {font-size:11px}
  .ca-page .header-inner {gap:9px}
  .ca-page .ca-header-search {width:38px;height:38px}
  .ca-page .site-header .menu-toggle {min-width:39px;height:39px}
  .ca-page .lead {font-size:14.5px}
  .ca-home .home-landing {margin:13px auto 0;padding-inline:12px}
  .ca-home .home-landing>.wrap {
    min-height:0;
    padding:26px 22px 22px;
    background:linear-gradient(128deg,#FFFFFF,#F2F7FC);
    border-radius:17px;
    box-shadow:none;
  }
  .ca-home .home-landing>.wrap::before {display:none}
  .ca-home .home-copy {width:100%;max-width:none}
  .ca-home .home-copy .eyebrow {margin-bottom:10px;font-size:10px;letter-spacing:.1em}
  .ca-home .home-copy h1 {font-size:clamp(1.83rem,7.75vw,2.36rem);max-width:500px;line-height:1.19;margin-bottom:11px}
  .ca-home .home-copy .lead {font-size:14px;line-height:1.6;margin-bottom:17px;max-width:480px}
  .ca-home .home-search-row {padding:4px;border-radius:11px}
  .ca-home .home-search-row input {font-size:16px;min-height:44px;height:44px;padding-inline:11px}
  .ca-home .home-search-row button {position:relative;width:45px;height:44px;min-height:44px!important;padding:0!important;border-radius:8px!important;flex:0 0 45px}
  .ca-home .home-copy .quick-links {margin-top:12px;gap:6px 8px}
  .ca-home .quick-link-options a {min-height:29px;padding:4px 9px;font-size:11.5px}
  .ca-home .ca-shortcuts {padding-top:13px;gap:9px}
  .ca-home .ca-shortcut {padding:12px;border-radius:12px;min-height:78px;gap:9px}
  .ca-home .ca-shortcut-icon {width:35px;height:35px;border-radius:9px}
  .ca-home .ca-shortcut strong {font-size:12px}
  .ca-home .ca-shortcut small {font-size:10.5px}
  .ca-home .home-section {padding-block:24px}
  .ca-home .home-section>h2 {font-size:19px;margin-bottom:13px}
  .ca-word .page-section>h2 {font-size:1.24rem;letter-spacing:-.024em}
  .ca-page :is(.natural-copy,.article-copy) {font-size:15px;line-height:1.73}
  .ca-page :is(.natural-copy,.article-copy) :is(p,li) {line-height:1.73}
  .ca-article .section-narrow h1 {max-width:none;line-height:1.23}
}
@media (max-width:360px) {
  .ca-page .brand-lockup strong {font-size:13.5px}
  .ca-page .brand-lockup .brand-domain {font-size:10px}
  .ca-page .brand img {width:27px;height:27px}
  .ca-home .home-landing>.wrap {padding:23px 17px 19px}
  .ca-home .home-copy h1 {font-size:1.78rem}
  .ca-home .ca-shortcut {padding:10px}
}

/* Firma consistente también en el pie, sin modificar el contenido textual. */
.ca-page .footer-brand {display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#1C314A}
.ca-page .footer-brand::before {content:"";display:block;width:25px;height:25px;flex:none;background:url('/assets/icons/brand-symbol.svg') center/contain no-repeat;border-radius:7px}

/* ================================================================
   V3.1 · Ritmo editorial, tablas y espaciados
   Correcciones de maquetación en Temas, Crucigramas, fichas y guías.
   Solo presentación: sin alterar el contenido o la accesibilidad.
   ================================================================ */
:root {
  --ui-copy: #344960;
  --ui-secondary: #60758a;
  --ui-border: #dfe8f0;
  --ui-soft: #f5f8fc;
}

/* Dejar espacio real entre bloques editoriales consecutivos. Los
   encabezados después de una cuadrícula no deben tocar las tarjetas. */
.ca-page .natural-copy > .grid + h2,
.ca-page .natural-copy > .link-grid + h2,
.ca-page .natural-copy > .dictionary-list + h2,
.ca-page .natural-copy > .table-scroll + h2,
.ca-page .natural-copy > .table-wrap + h2 {
  margin-top: clamp(30px, 3.2vw, 44px);
}
.ca-page .natural-copy > :is(ul,ol,p,details) + h2 {
  margin-top: clamp(30px, 2.9vw, 39px);
}
.ca-page .natural-copy > h2 + :is(.grid,.link-grid,.dictionary-list,.table-scroll,.table-wrap) {
  margin-top: 18px;
}
.ca-page .natural-copy > :is(.grid,.link-grid,.dictionary-list,.table-scroll,.table-wrap) + p {
  margin-top: 24px;
}
.ca-page .natural-copy > h2 + p { margin-top: 10px; }
.ca-page .natural-copy > p + p { margin-top: 19px; }
.ca-page .natural-copy > :is(ul,ol) { padding-left: 1.4em; }
.ca-page .natural-copy > :is(ul,ol) li + li { margin-top: 7px; }
.ca-page .natural-copy :is(p,li) { line-height: 1.74; }

/* Las selecciones de temas necesitan un espacio entre tarjetas y título. */
.ca-topics .panel.natural-copy > .grid {
  gap: clamp(14px, 1.5vw, 22px);
}
.ca-topics .panel.natural-copy > .grid .link-card {
  padding: clamp(19px, 1.7vw, 25px);
  border: 1px solid var(--ui-border) !important;
  border-radius: 16px;
  background: #fff;
}
.ca-topics .panel.natural-copy > .grid .link-card strong {
  color: #1f354f;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.44;
}
.ca-topics .panel.natural-copy > .grid .link-card span {
  color: #61758a;
  margin-top: 9px;
  font-size: 14px;
  line-height: 1.64;
}

/* Tablas: padding simétrico, texto contenido y filas distinguibles. Antes,
   el estilo heredado aplicaba 0px a la izquierda de las celdas. */
.ca-page :is(.table-scroll,.table-wrap) {
  border: 1px solid var(--ui-border);
  background: #fff;
  border-radius: 15px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ca-page :is(.table-scroll,.table-wrap) :is(.forms-table,table) {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-spacing: 0;
  line-height: 1.55;
}
.ca-page :is(.forms-table,.table-wrap table) :is(th,td) {
  padding: 15px 19px;
  border-bottom: 1px solid #e6edf4;
  color: var(--ui-copy);
  font-size: 14.5px;
  line-height: 1.58;
  vertical-align: top;
  overflow-wrap: break-word;
}
.ca-page :is(.forms-table,.table-wrap table) thead th {
  padding-top: 14px;
  padding-bottom: 14px;
  background: #f0f5fa;
  color: #445d76;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .006em;
}
.ca-page :is(.forms-table,.table-wrap table) tbody tr:last-child > :is(th,td) {
  border-bottom: 0;
}
.ca-page :is(.forms-table,.table-wrap table) tbody th {
  font-weight: 675;
  color: #243b53;
}
.ca-page .forms-table .cell-value { overflow-wrap: break-word; }
.ca-page .forms-table .cell-label { display: none; }
.ca-page .forms-table caption {
  caption-side: top;
  padding: 13px 19px;
  text-align: left;
  background: #f8fafc;
  color: var(--ui-secondary);
  font-size: 13px;
  line-height: 1.5;
  border-bottom: 1px solid var(--ui-border);
}
.ca-page .natural-copy > :is(.table-scroll,.table-wrap) {
  margin-top: 16px;
  margin-bottom: 25px;
}

/* Datos adicionales y atribución: la ficha debe cerrar con aire, sin
   apariencia de un párrafo pegado a otro o al borde de una columna. */
.ca-word .word-panel > .entry-data {
  margin-top: clamp(28px, 2.5vw, 36px);
  padding-top: 0;
  /* La sección anterior ya termina con una línea: evitar doble separador. */
  border-top: 0;
}
.ca-word .word-panel > .entry-data summary {
  min-height: 44px;
  padding: 8px 3px;
  color: #294258;
  font-family: var(--font);
  font-size: 14.5px;
  line-height: 1.55;
  font-weight: 650;
  cursor: pointer;
}
.ca-word .entry-data[open] .data-list {
  margin: 16px 0 2px;
  padding: 18px;
  gap: 16px 21px;
  border: 1px solid var(--ui-border);
  background: #f8fafc;
  border-radius: 13px;
}
.ca-word .word-panel > .editorial-note {
  margin: 28px 0 3px;
  padding: 20px 0 0;
  border-top: 1px solid var(--ui-border);
  color: var(--ui-secondary);
  font-size: 13.5px;
  line-height: 1.82;
  overflow-wrap: break-word;
}
.ca-word .word-panel > .editorial-note a {
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

@media (max-width: 680px) {
  .ca-page .natural-copy > .grid + h2,
  .ca-page .natural-copy > .link-grid + h2,
  .ca-page .natural-copy > .dictionary-list + h2,
  .ca-page .natural-copy > .table-scroll + h2,
  .ca-page .natural-copy > .table-wrap + h2 { margin-top: 30px; }
  .ca-page .natural-copy > :is(ul,ol,p,details) + h2 { margin-top: 30px; }
  .ca-topics .panel.natural-copy > .grid { gap: 13px; }
  .ca-topics .panel.natural-copy > .grid .link-card { padding: 18px; }
  .ca-topics .panel.natural-copy > .grid .link-card span { font-size: 13px; }
  .ca-page :is(.table-scroll,.table-wrap) { overflow: visible; }
  .ca-page .responsive-table,
  .ca-page .responsive-table caption,
  .ca-page .responsive-table tbody,
  .ca-page .responsive-table tbody tr,
  .ca-page .responsive-table tbody :is(th,td) { display: block; width: 100%; min-width: 0; }
  .ca-page .responsive-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .ca-page .responsive-table tbody tr {
    padding: 15px 17px 17px;
    border-bottom: 1px solid var(--ui-border);
  }
  .ca-page .responsive-table tbody tr:last-child { border-bottom: 0; }
  .ca-page .responsive-table tbody :is(th,td) {
    padding: 4px 0;
    border: 0;
    font-size: 14px;
    line-height: 1.62;
    overflow-wrap: break-word;
  }
  .ca-page .responsive-table tbody th {
    font-size: 14.5px;
    margin-bottom: 4px;
    font-weight: 700;
  }
  .ca-page .responsive-table .cell-label {
    display: inline;
    margin-right: 6px;
    color: #667a90;
    font-size: 12px;
    font-weight: 700;
  }
  .ca-page .responsive-table .cell-value { display: inline; }
  .ca-page .responsive-table caption { padding: 13px 17px; }
  .ca-word .entry-data[open] .data-list {
    grid-template-columns: minmax(0,1fr);
    padding: 14px 15px;
    gap: 13px;
  }
  .ca-word .word-panel > .editorial-note { margin-top: 26px; padding-top: 18px; }
  .ca-word .word-panel > .entry-data { margin-top: 30px; }
}