
:root{--plano-gut:clamp(18px,4vw,48px);--plano-line:color-mix(in srgb,var(--ink,#1F2733) 85%,transparent)}


html body main.h>section{margin-inline:0!important;margin-bottom:0!important;border-radius:0!important}
main.h .h-slab+*,main.h>section:last-child{margin-bottom:0}
.h-audio *,.h-more *,.h-levels .h-lv,.h-levels a{border-radius:0}
.h-audio :is(.card,.box,.panel,figure,.h-ph,.h-card){border-radius:0}


html body main>section{margin:0!important;border-radius:0!important}
html body :is(.panel,.summary,.pick,.list,.pick .frame,.offer,.offer .frame,.h-audio *){border-radius:0!important}
details{border-radius:0!important;background:none!important;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-inline:0!important;margin-bottom:0!important}
.pick{border:0!important;border-top:1px solid var(--plano-line)!important}
.pick[aria-pressed="true"]{border-top:3px solid var(--p-btn,#754437)!important}


html body{margin:0}
html body.h-js .h .h-slab,html body .h-js .h .h-slab,html body main>section{animation:none!important}


html body main.h>section.h-levels{display:none!important}
html body main.h>section.h-levels:has(:target){display:block!important;padding-block:clamp(24px,3vw,40px)!important}


html body .h-cap b{font-family:var(--a-display,"Playfair Display",Georgia,serif)!important;font-weight:500;letter-spacing:-.02em}


html body main>section{position:relative}
html body main>section>.wrap,html body main>section>.p-wrap{position:relative;z-index:1}
html body main.h>section#journey{background:var(--h-paper,#EBE3D2)}
html body main.h>section.p-end{position:relative}
html body main.h>section.p-end::before{content:"Empieza";position:absolute;top:0;left:max(18px,calc((100% - 1180px) / 2));right:max(18px,calc((100% - 1180px) / 2));
  text-align:center;font:400 12px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--muted,#5d6470);
  background:linear-gradient(var(--plano-line),var(--plano-line)) left 50%/calc(50% - 64px) 1px no-repeat,linear-gradient(var(--plano-line),var(--plano-line)) right 50%/calc(50% - 64px) 1px no-repeat}


:root{--foco:radial-gradient(closest-side,rgba(255,255,255,.92),rgba(255,255,255,.4) 55%,transparent 80%)}
html body .h-books .bk-art{isolation:isolate}
html body .h-books .bk-art::before{content:"";position:absolute;inset:-18% -22%;background:var(--foco);z-index:-1;pointer-events:none}
html body .fan{isolation:isolate}
html body .fan::before{content:"";position:absolute;inset:-4% -6%;background:var(--foco);z-index:-1;pointer-events:none}
html body :is(#course,.reader,.pick) .frame{position:relative;isolation:isolate}
html body :is(#course,.reader,.pick) .frame::before{display:block!important;content:"";position:absolute;inset:-3% -3%;border-radius:0;background:radial-gradient(closest-side,rgba(255,255,255,.98),rgba(255,255,255,.5) 58%,transparent 84%);z-index:-1;pointer-events:none}

html body .pick{box-shadow:0 1px 2px rgba(20,27,37,.06),0 14px 28px -18px rgba(20,27,37,.35)!important;background:var(--surface,#FFFDF8)!important}
html body .summary{box-shadow:0 30px 50px -28px rgba(20,27,37,.6)!important}


html body main{overflow-x:clip}
