:root{--p-arena:#D3C7AD;--p-verde:#6B6751;--p-terra:#754437;--p-azul:#28374A}



:root,:root body{--bg:#F7F3EA!important;--lc-bg:#F7F3EA!important;--lh-bg:#F7F3EA!important;--surface:#FFFDF8!important;--lc-surface:#FFFDF8!important;--ink:#1F2733!important;--lc-ink:#1F2733!important;--lh-ink:#1F2733!important;--head:#F7F3EA!important;--sunk:#EFE8DA!important;--lc-sunk:#EFE8DA!important}
:root,:root :is(body,.headband,.tinted){--h-paper:#EBE3D2!important;--h-stone:#D3C7AD!important;--h-black:#28374A!important;--h-on-black:#F3EEE3!important;--tag-bg:#6B6751!important;--tag-ink:#F6F1E7!important;--p-page:#F7F3EA;--p-btn:#754437;--p-btn-h:#5E3529;--p-on-btn:#FBF6EE;--p-dot:#6B6751}


@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]),:root:not([data-theme="light"]) body{--bg:#141B25!important;--lc-bg:#141B25!important;--lh-bg:#141B25!important;--surface:#1B2431!important;--lc-surface:#1B2431!important;--ink:#F1ECE3!important;--lc-ink:#F1ECE3!important;--lh-ink:#F1ECE3!important;--head:#141B25!important;--sunk:#18202B!important;--lc-sunk:#18202B!important}
  :root:not([data-theme="light"]),:root:not([data-theme="light"]) :is(body,.headband,.tinted){--h-paper:#1B2431!important;--h-stone:#243042!important;--h-black:#754437!important;--h-on-black:#F3EEE3!important;--tag-bg:#D3C7AD!important;--tag-ink:#1F2733!important;--p-page:#141B25;--p-btn:#D3C7AD;--p-btn-h:#E6DCC6;--p-on-btn:#1F2733;--p-dot:#6B6751}
}
:root[data-theme="dark"],:root[data-theme="dark"] body{--bg:#141B25!important;--lc-bg:#141B25!important;--lh-bg:#141B25!important;--surface:#1B2431!important;--lc-surface:#1B2431!important;--ink:#F1ECE3!important;--lc-ink:#F1ECE3!important;--lh-ink:#F1ECE3!important;--head:#141B25!important;--sunk:#18202B!important;--lc-sunk:#18202B!important}
:root[data-theme="dark"],:root[data-theme="dark"] :is(body,.headband,.tinted){--h-paper:#1B2431!important;--h-stone:#243042!important;--h-black:#754437!important;--h-on-black:#F3EEE3!important;--tag-bg:#D3C7AD!important;--tag-ink:#1F2733!important;--p-page:#141B25;--p-btn:#D3C7AD;--p-btn-h:#E6DCC6;--p-on-btn:#1F2733;--p-dot:#6B6751}


body{background:var(--bg)}
:is(.btn-primary,.h-big.btn-primary,.lh-btn,.compra){background:var(--p-btn)!important;color:var(--p-on-btn)!important;border-color:var(--p-btn)!important}
:is(.btn-primary,.lh-btn,.compra):hover{background:var(--p-btn-h)!important}
:root,:root :is(body,.headband,.tinted){--lc-btn:var(--p-btn)!important;--lh-btn:var(--p-btn)!important;--lc-btn-hover:var(--p-btn-h)!important;--lh-btn-hover:var(--p-btn-h)!important}
.h-light{background:var(--h-on-black)!important;color:var(--h-black)!important}
.h-dot{background:var(--p-dot)!important;color:#F6F1E7!important}
main a:not(.btn){text-decoration-color:color-mix(in srgb,var(--p-terra) 60%,transparent)}

main img:not([src*="libros/"]):not([src*="youtube"]){filter:grayscale(1) sepia(.35) contrast(1.02)!important}

.logo i{color:var(--p-terra)!important}
:root[data-theme="dark"] .logo i{color:var(--p-arena)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo i{color:var(--p-arena)!important}}
:is(.navbtn .tag,.navbtn.books .tag,.site-head .tag){background:var(--p-btn)!important;color:var(--p-on-btn)!important}
.lang button[aria-pressed="true"]{background:var(--p-azul)!important;color:#F3EEE3!important}
:is(.site-head,.site-foot,.headband){background:var(--p-page)!important}
.site-head{background:color-mix(in srgb,var(--p-page) 92%,transparent)!important}
body{background:var(--p-page)!important}
.badge{background:var(--p-verde)!important;color:#F6F1E7!important}


@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-italic.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/public-sans.woff2) format("woff2")}
:root{--a-font:"Public Sans","Segoe UI",system-ui,sans-serif;--a-display:"Playfair Display",Georgia,"Times New Roman",serif;--a-hair:rgba(0,0,0,.07);--a-sh-card:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
:root,:root body,:root :is(body,.headband,.tinted){--titular:var(--a-display)!important;--serif:var(--a-display)!important;--sans:var(--a-font)!important;--lc-serif:var(--a-display)!important;--lc-sans:var(--a-font)!important;--lh-serif:var(--a-display)!important;--lh-sans:var(--a-font)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--a-hair:rgba(255,255,255,.1)}}
:root[data-theme="dark"]{--a-hair:rgba(255,255,255,.1)}


html body,html body :not(code,pre,kbd,samp,svg,svg *){font-family:var(--a-font)!important}
html body :is(h1,h2,h3,.brand,.logo),html body :is(h1,h2,h3,.brand,.logo) :not(code,svg,svg *){font-family:var(--a-display)!important}
body{-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
h1{font-weight:700!important;letter-spacing:-.01em!important;line-height:1.12!important}
h2{font-weight:600!important;letter-spacing:-.005em!important;line-height:1.2!important}
h3,h4{font-weight:600!important;letter-spacing:-.01em!important}

html[lang="ja"]{--a-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI Variable Text","Segoe UI",sans-serif;--a-display:var(--a-font)}
html[lang="ja"] h1{letter-spacing:-.03em!important;line-height:1.1!important}
html[lang="ja"] h2{font-weight:700!important;letter-spacing:-.02em!important}
main p{line-height:1.7}
.price,[class*="precio"],[class*="price"],.num{font-variant-numeric:tabular-nums}


:is(.btn-primary,.h-big.btn-primary,.lh-btn,.compra){border-radius:999px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;background-image:none!important}
.btn:not(.btn-primary){border-radius:999px!important;text-transform:none!important;letter-spacing:0!important}


.site-head{background:color-mix(in srgb,var(--p-page) 72%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--a-hair)!important;box-shadow:none!important}
.site-foot{border-top:1px solid var(--a-hair)!important}


:is(.card,[class*="card"]){box-shadow:var(--a-sh-card)}