:root{
  --bg:#f8f4ed !important;
  --paper:#fffdf9 !important;
  --sand:#d9d0c2 !important;
  --sand-2:#efe8dc !important;
  --ink:#153557 !important;
  --ink-soft:#315171 !important;
  --muted:#625d57 !important;
  --accent:#854f69 !important;
  --accent-dk:#6f3b56 !important;
  --night:#102a47 !important;
  --autism:#3f638f !important;
  --ocd:#4f6045 !important;
  --anx:#6f5269 !important;
  --pas:#7a4357 !important;
  --gift:#6f5315 !important;
}

body{
  background:
    radial-gradient(circle at 95% 5%,rgba(178,138,159,.07),transparent 24rem),
    var(--bg) !important;
}

.thread{
  background:linear-gradient(90deg,var(--autism) 0 33.333%,var(--ocd) 33.333% 66.666%,var(--anx) 66.666% 100%) !important;
}

header.nav{
  background:rgba(248,244,237,.95) !important;
  border-bottom-color:rgba(217,208,194,.9) !important;
  box-shadow:0 8px 28px rgba(21,53,87,.045);
}

header.nav .nav-in{
  min-height:78px !important;
  height:78px !important;
}

.brand{
  display:block !important;
  flex:0 0 auto;
  width:98px !important;
  height:68px !important;
  overflow:hidden;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  background:url("/img/logo-iris-green.png") center/contain no-repeat !important;
}

.brand .star{display:none !important}

.head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-bottom:150px !important;
}

.head::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:-135px;
  height:300px;
  background:url("/img/watercolor-fan.png") center bottom/cover no-repeat;
  opacity:.22;
  pointer-events:none;
}

.card,.gcard,.author,.faq details{
  border-radius:16px !important;
  background:rgba(255,253,249,.96) !important;
}

.article .sello-art{
  max-width:32% !important;
  opacity:.18 !important;
}

.tldr,.libro{
  background:rgba(239,232,220,.8) !important;
}

.cta{
  background:linear-gradient(135deg,#102a47,#1e4066 68%,#4a4058) !important;
  border-radius:18px !important;
}

.cta .k{color:#d9aec4 !important}

footer.site{
  position:relative;
  background:#102a47 !important;
  margin-top:0 !important;
}

footer.site::before{
  content:"";
  display:block;
  width:100%;
  height:180px;
  background:
    linear-gradient(180deg,var(--bg),transparent 30%),
    url("/img/watercolor-fan.png") center bottom/cover no-repeat,
    var(--bg);
  opacity:.7;
}

footer.site .foot-in{
  padding-top:44px !important;
  padding-bottom:42px !important;
}

footer.site .brand{
  width:120px !important;
  height:88px !important;
}

footer.site .fl a{color:#dce6f1 !important}
footer.site .cr{color:#9cb0c8 !important}

/* Los enlaces dentro del contenido no dependen únicamente del color. */
.body a,.doc a,.tldr a,.faq a,.about a,.book-info a,.footer-copy a{
  text-decoration:underline !important;
  text-underline-offset:3px;
  text-decoration-thickness:.09em;
}

/* Controles cómodos para teclado, pantallas táctiles y dificultades motoras. */
button,input:not([type="checkbox"]):not([type="radio"]),select,textarea,.btn,.filters button,summary{
  min-height:48px;
}

/* El contenido sigue siendo legible con el modo de alto contraste del sistema. */
@media(forced-colors:active){
  .thread,.head::after,footer.site::before{display:none !important}
  a,button,input,select,textarea{forced-color-adjust:auto}
}

@media(max-width:640px){
  header.nav .nav-in{height:70px !important;min-height:70px !important}
  .brand{width:82px !important;height:60px !important}
  .head{padding-bottom:105px !important}
  .head::after{height:220px;bottom:-115px}
  footer.site::before{height:125px}
}