/* El cuaderno de experiencias de BioAura */
.h7 {
  --hoja:#f8f5ee; --tinta:#293e3a; --suave:#51615a; --borde:#c8c9b9; --acento:#8b503d; --lavado:#ede6d8;
  --serif:"Aura Editorial","Cormorant Garamond",Georgia,serif;
  --sans:"BioAura Raleway","Aura Sans",Arial,sans-serif;
  font:500 1rem/1.64 var(--sans);color:var(--tinta);background:var(--hoja);
  overflow:clip;
}
.h7 *, .h7 *::after, .h7 *::before{box-sizing:border-box}
.h7 :where(h1,h2,h3,p,ol,ul,figure){margin:0}
.h7 :where(ol,ul){padding:0;list-style:none}
.h7 :where(h1,h2,h3){color:inherit;font-family:var(--serif);font-weight:500;letter-spacing:-.054em;line-height:1.01;text-wrap:balance}
.h7 h1{font-size:clamp(3.15rem,7vw,7.2rem)}
.h7 h2{font-size:clamp(2.4rem,4.65vw,5rem)}
.h7 h3{font-size:clamp(1.6rem,2.85vw,2.7rem)}
.h7 h1 em,.h7 h2 em{font-weight:400;color:var(--acento)}
.h7 p{color:var(--suave);text-wrap:pretty}.h7 a{color:inherit}
.h7 .h7-wide{width:min(calc(100% - clamp(38px,9.4vw,148px)),1280px);margin-inline:auto}
.h7 [id]{scroll-margin-top:6rem}
.h7 [hidden]{display:none!important}
.h7 .h7-crumb{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding-block:1.25rem 0;color:#59685e;font-size:.73rem;line-height:1.55;letter-spacing:.02em}
.h7 .h7-crumb a{text-decoration:underline;text-underline-offset:3px}
.h7 .h7-crumb span[aria-hidden]{color:#969d8d}
.h7 .h7-overline{font:650 .66rem/1.4 var(--sans);color:var(--acento);letter-spacing:.14em;text-transform:uppercase}
.h7 .h7-cta,.h7 .h7-link,.h7 .h7-tail>a{
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:fit-content;max-width:100%;min-height:44px;
  font:670 .86rem/1.35 var(--sans);text-decoration:none;
}
.h7 a.h7-cta{background:#304b42;color:#fffaf0;border-radius:2px;padding:.87rem 1.32rem;box-shadow:inset 0 0 0 1px #304b42}
.h7 a.h7-cta:hover{background:#466452}
.h7 .h7-link,.h7 .h7-tail>a:not(.h7-cta){text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.h7 .h7-link:hover{color:var(--acento)}
.h7 a:focus-visible,.h7 summary:focus-visible{outline:2px solid #8b4c31;outline-offset:4px}
.h7 .h7-cta span,.h7 .h7-link span{font-family:Arial,sans-serif}
.h7 .h7-dibujo{display:block;width:100%;height:100%;color:var(--acento);overflow:visible}
.h7 .h7-intro{max-width:850px;text-align:center;margin:0 auto;padding:clamp(2.8rem,5vw,5.3rem) 0 clamp(2rem,3vw,3.1rem)}
.h7 .h7-intro h1,.h7 .h7-title-block h1,.h7 .h7-chapter-head h1,.h7 .h7-program-head h1{margin-top:.7rem}
.h7 .h7-intro>p:last-child,.h7 .h7-title-block>p:not(.h7-overline),.h7 .h7-chapter-head>p:not(.h7-overline),.h7 .h7-program-head>div>p:not(.h7-overline){font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.6;max-width:52ch}
.h7 .h7-intro>p:last-child{margin:1.15rem auto 0}
.h7 .h7-tail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem 1.5rem;padding-block:clamp(1.65rem,3.2vw,3.2rem);border-top:1px solid var(--borde)}
.h7 .h7-tail p{font:500 clamp(1.45rem,2.6vw,2.5rem)/1.1 var(--serif);letter-spacing:-.04em;color:var(--tinta)}
.h7 .h7-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:0 clamp(.6rem,3vw,2.8rem);border-block:1px solid var(--borde)}
.h7 .h7-tabs>a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 0;min-height:49px;text-decoration:none;font:650 clamp(.82rem,1.2vw,1.04rem)/1.3 var(--sans)}
.h7 .h7-tabs>a[aria-selected=true],.h7 .h7-tabs>a:hover{color:var(--acento)}
.h7 .h7-tabs>a[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--acento)}
.h7 .h7-panel{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.65fr);align-items:start;gap:clamp(2rem,6.9vw,7rem);padding-block:clamp(2rem,4.9vw,5rem);border-top:1px solid var(--borde)}
.h7 .h7-panel:first-of-type{border-top:0}.h7 .h7-panel>span[id]{position:absolute;top:0}
.h7 .h7-panel-title{position:relative}.h7 .h7-panel-title h2{margin-bottom:.55rem}
.h7 .h7-panel-title p{max-width:28ch}
.h7 .h7-group-art{width:min(100%,14rem);height:6.8rem;margin:.7rem 0 0 -.7rem}
.h7 .h7-services{border-top:1px solid var(--borde)}
.h7 .h7-services li{border-bottom:1px solid var(--borde)}
.h7 .h7-services a{display:flex;align-items:center;gap:1.4rem;justify-content:space-between;padding:clamp(.85rem,1.55vw,1.45rem) .2rem;text-decoration:none}
.h7 .h7-services a>span:last-child{color:var(--acento);font:400 1.3rem/1 Arial,sans-serif}
.h7 .h7-services a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.h7 .h7-services strong{display:block;font:500 clamp(1.62rem,2.75vw,2.85rem)/1.1 var(--serif);letter-spacing:-.037em}
.h7 .h7-services small{display:block;font-size:.86rem;line-height:1.52;margin-top:.34rem;color:var(--suave)}
.h7-tema-agua,.h7-tema-medicion,.h7-tema-camara{--acento:#406d6c;--lavado:#e5e9df}
.h7-tema-luz,.h7-tema-suero{--acento:#974f39;--lavado:#eee0d2}
.h7-tema-peso,.h7-tema-evaluacion{--acento:#5a6747;--lavado:#e7e8d9}
.h7 .h7-sheet{isolation:isolate;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(15rem,.76fr);gap:clamp(2rem,8vw,8.5rem);align-items:center;width:min(100%,1120px);margin:auto;padding:clamp(1.8rem,3.6vw,3.8rem) 0 clamp(2.5rem,4.6vw,5rem)}
.h7 .h7-title-block h1{font-size:clamp(3.2rem,6.6vw,7.2rem);max-width:14ch}
.h7 .h7-title-block>p:not(.h7-overline){margin:1.15rem 0 1.4rem;max-width:44ch}
.h7 .h7-service-art{position:relative;text-align:center;align-self:center;justify-self:end;width:100%;min-width:0}
.h7 .h7-service-art>div{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;width:100%;height:clamp(16rem,24.2vw,25rem);border-radius:46% 46% 1px 1px/61% 61% 1px 1px;background:var(--lavado)}
.h7 .h7-service-art::before{content:"";z-index:-1;position:absolute;inset:-9px -9px 36px 10px;border:1px solid var(--borde);border-radius:46% 46% 1px 1px/61% 61% 1px 1px}
.h7 .h7-service-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.h7 .h7-service-art figcaption,.h7 .h7-program-head figcaption{font:.7rem/1.5 var(--sans);margin:.8rem 0 0;color:var(--suave)}
.h7 .h7-art-seal{position:absolute;left:-1.5rem;bottom:1.2rem;display:grid;place-items:center;width:clamp(4.5rem,7vw,7.2rem);aspect-ratio:1;border-radius:50%;background:var(--lavado);border:4px solid var(--hoja)}
.h7 .h7-art-seal svg{width:98%;height:76%}
.h7 .h7-ink-art .h7-dibujo{width:95%;height:auto}
.h7.h7-tema-luz .h7-service-art img{object-position:76% 32%}.h7.h7-tema-agua .h7-service-art img{object-position:40% 34%}
.h7.h7-tema-suero .h7-service-art img{object-position:50% 5%}
.h7 .h7-narrative{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(1.5rem,7vw,8rem);align-items:start;border-block:1px solid var(--borde);padding-block:clamp(2.2rem,4vw,4.4rem)}
.h7 .h7-narrative h2{max-width:15ch}
.h7 .h7-narrative>div>p{font-size:clamp(1.01rem,1.4vw,1.23rem);line-height:1.7;max-width:56ch}
.h7 .h7-narrative>div>a{margin-top:.5rem}
.h7 .h7-small-notes{display:grid;grid-template-columns:.67fr 1fr 1fr;gap:clamp(1.3rem,4vw,4.1rem);padding-block:clamp(2.2rem,4.5vw,4.8rem)}
.h7 .h7-small-notes h2{font:650 .73rem/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--acento)}
.h7 .h7-small-notes article p{margin-top:.55rem;font-size:.96rem}
.h7 .h7-book{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-bottom:clamp(2rem,4vw,4rem);border-block:1px solid var(--borde)}
.h7 .h7-entry{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--lavado),var(--hoja) 83%)}
.h7 .h7-entry:nth-child(2){border-left:1px solid var(--borde);background:linear-gradient(250deg,var(--lavado),var(--hoja) 85%)}
.h7 .h7-entry-main{height:100%;text-decoration:none;padding:clamp(1.55rem,3.8vw,3.8rem);display:grid;align-content:start;justify-items:start;position:relative}
.h7 .h7-signet{position:absolute;inset:5% -2% auto auto;width:40%;height:70%;opacity:.68;pointer-events:none}
.h7 .h7-entry-copy{position:relative;display:flex;flex-flow:column;align-items:start}
.h7 .h7-entry-copy .h7-overline{margin-bottom:.75rem}
.h7 .h7-entry-copy h2{font-size:clamp(2.15rem,3.8vw,4.2rem);max-width:8ch;min-height:2.05em;line-height:1.01}
.h7 .h7-entry-copy>span:not(.h7-overline){color:var(--suave);font-size:clamp(.85rem,1.1vw,.99rem);margin-top:.75rem}
.h7 .h7-entry-copy b{font-size:.82rem;font-weight:650;line-height:1.35;margin-top:1.65rem;text-decoration:underline;text-underline-offset:5px}
.h7 .h7-entry-copy i{font:normal .93rem/1 Arial,sans-serif;margin-left:.35rem}
.h7 .h7-entry-main:hover b{color:var(--acento)}
.h7 .h7-index{display:grid;grid-template-columns:1fr 1.35fr;align-items:start;gap:2rem;padding-block:.3rem clamp(2.6rem,5.5vw,6rem)}
.h7 .h7-index nav{border-top:1px solid var(--borde)}
.h7 .h7-index nav>a{display:flex;justify-content:space-between;width:100%;padding:.8rem 0;border-bottom:1px solid var(--borde);text-decoration:none;font-weight:560}
.h7 .h7-index nav>a:hover{text-decoration:underline}
.h7 .h7-chapter-head{text-align:center;margin:0 auto;max-width:780px;padding:clamp(1.2rem,2.5vw,2.5rem) 0 clamp(1.7rem,3.4vw,3.5rem)}
.h7 .h7-chapter-art{display:block;width:clamp(6rem,11vw,11rem);height:clamp(3.8rem,6.4vw,6.6rem);margin:0 auto .7rem}
.h7 .h7-chapter-head>p:not(.h7-overline){margin:1.1rem auto .7rem}
.h7 .h7-jumps{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.h7 .h7-studies{padding-top:clamp(1.8rem,3.3vw,3.5rem);border-top:1px solid var(--borde)}
.h7 .h7-studies>h2{margin-bottom:clamp(1.5rem,3vw,3.3rem)}
.h7 .h7-study{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:start;gap:2rem;padding-block:clamp(1.5rem,3vw,3.5rem);border-top:1px solid var(--borde)}
.h7 .h7-study-label{color:var(--acento);display:flex;align-items:center;gap:12px}
.h7 .h7-study-label::before{content:"";width:22px;height:1px;background:currentColor}
.h7 .h7-study-label p{font-size:.78rem;font-weight:620;color:inherit}
.h7 .h7-study h3{font-size:clamp(1.8rem,3vw,3.3rem);margin-bottom:.6rem}
.h7 .h7-study p:not(.h7-overline){max-width:62ch}
.h7 .h7-study details{border-block:1px solid var(--borde);margin-top:1.2rem}
.h7 .h7-study summary{display:flex;align-items:center;justify-content:space-between;gap:1.1rem;min-height:48px;cursor:pointer;list-style:none;font-size:.85rem;font-weight:650}
.h7 .h7-study summary::-webkit-details-marker{display:none}.h7 .h7-study summary::after{content:"+";font:400 1.25rem/1 var(--serif)}
.h7 .h7-study details[open] summary::after{content:"−"}
.h7 .h7-study details p{padding:0 1rem .9rem 0;color:var(--suave);font-size:.91rem}
.h7 .h7-study .h7-link{font-size:.79rem}
.h7 .h7-next{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;padding:clamp(1.5rem,3.5vw,3.7rem);background:var(--lavado);margin-block:1rem clamp(2rem,3vw,3rem)}
.h7 .h7-next h2{margin-top:.45rem}
.h7 .h7-next>div:last-child{display:flex;align-items:center;gap:.6rem 1.25rem;flex-wrap:wrap}
.h7 .h7-program-head{isolation:isolate;position:relative;display:grid;grid-template-columns:1.1fr .8fr;align-items:center;gap:clamp(1.7rem,5.5vw,6.5rem);padding:clamp(2.3rem,4vw,4.7rem) 0;max-width:1140px;margin:auto}
.h7 .h7-program-head h1{max-width:12ch}
.h7 .h7-program-head>div>p:not(.h7-overline){margin:1.2rem 0 1.4rem;max-width:50ch}
.h7 .h7-program-orn{position:absolute;z-index:-1;left:40%;top:4%;width:25%;height:65%;opacity:.23}
.h7 .h7-program-head figure img{width:100%;display:block;object-fit:cover;height:clamp(18rem,29vw,29rem);object-position:center 38%;border-radius:50% 50% 0 0/42% 42% 0 0}
.h7 .h7-itinerary{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(1.6rem,5.2vw,6rem);padding-block:clamp(2rem,4vw,4.6rem);border-top:1px solid var(--borde)}
.h7 .h7-itinerary h2{margin:.75rem 0}.h7 .h7-itinerary nav{display:flex;flex-flow:column;align-items:start}
.h7 .h7-itinerary li{display:grid;grid-template-columns:6.8rem 1fr;gap:1.3rem;border-block-start:1px solid var(--borde);padding-block:1.25rem}
.h7 .h7-step-art{height:5.4rem;align-self:center}
.h7 .h7-itinerary h3{margin-bottom:.58rem}
.h7-program .h7-narrative{border-bottom:0}
@media(max-width:760px){
 .h7 .h7-sheet{grid-template-columns:minmax(0,1fr) minmax(0,.76fr);gap:2rem}
 .h7 .h7-service-art>div{height:clamp(14.5rem,31vw,20rem)}
 .h7 .h7-title-block h1{font-size:clamp(2.8rem,6.6vw,4.3rem)}
 .h7 .h7-next{align-items:start;flex-flow:column}
 .h7 .h7-panel{grid-template-columns:.72fr 1.3fr;gap:1.6rem}
 .h7 .h7-itinerary li{grid-template-columns:4.8rem 1fr;gap:.9rem}
}
@media(max-width:590px){
 .h7 .h7-wide{width:calc(100% - 38px)}
 .h7 .h7-crumb{padding-top:.85rem;font-size:.68rem;gap:.48rem}
 .h7 .h7-intro{padding:2.15rem 0 1.6rem}.h7 .h7-intro h1{font-size:clamp(3.25rem,12.5vw,4.6rem)}.h7 .h7-intro>p:last-child{font-size:.96rem}
 .h7 .h7-tabs{justify-content:space-between;gap:.3rem}.h7 .h7-tabs a{font-size:.84rem}
 .h7 .h7-panel,.h7 .h7-index,.h7 .h7-itinerary,.h7 .h7-narrative{grid-template-columns:1fr;gap:1.2rem}
 .h7 .h7-panel{padding:1.6rem 0 2rem}.h7 .h7-panel-title{padding-right:4.3rem}.h7 .h7-panel-title h2{font-size:2.55rem}.h7 .h7-panel-title p{font-size:.9rem}
 .h7 .h7-group-art{width:4.1rem;height:3.7rem;position:absolute;right:0;top:0;margin:0}
 .h7 .h7-tail{padding-block:1.25rem}.h7 .h7-services a{gap:.8rem}.h7 .h7-services small{font-size:.81rem}
 .h7 .h7-sheet{display:flex;flex-flow:column;gap:1.65rem;align-items:stretch;padding:2.15rem 0 1.65rem}
 .h7 .h7-title-block,.h7 .h7-program-head>div:not(.h7-program-orn){text-align:center}
 .h7 .h7-title-block h1,.h7 .h7-program-head h1{font-size:clamp(3.25rem,12.5vw,4.6rem);margin-inline:auto}
 .h7 .h7-title-block>p:not(.h7-overline){margin:1rem auto 1.15rem;font-size:.96rem}
 .h7 .h7-service-art{width:min(88%,23rem);margin:auto}
 .h7 .h7-service-art>div{height:clamp(12.5rem,53vw,17rem);border-radius:44% 44% 0 0/64% 64% 0 0}
 .h7 .h7-art-seal{width:4.7rem;bottom:1.15rem;left:-1.1rem}
 .h7 .h7-small-notes{grid-template-columns:1fr;gap:1.15rem;padding-block:1.65rem}
 .h7 .h7-small-notes article h3{font-size:1.7rem}
 .h7 .h7-narrative h2{max-width:20ch}
 .h7 .h7-book{grid-template-columns:1fr}
 .h7 .h7-entry:nth-child(2){border-left:0;border-top:1px solid var(--borde)}
 .h7 .h7-entry-main{padding:1.4rem 1.2rem}
 .h7 .h7-entry-copy h2{font-size:clamp(2.05rem,8vw,2.6rem);max-width:12ch;min-height:0}
 .h7 .h7-entry-copy .h7-overline{font-size:.6rem;margin-bottom:.3rem}.h7 .h7-entry-copy>span:not(.h7-overline){font-size:.8rem;margin-top:.3rem}
 .h7 .h7-entry-copy b{margin-top:.72rem;font-size:.77rem}
 .h7 .h7-signet{width:33%;height:75%;top:13%}.h7 .h7-entry-copy{max-width:74%}
 .h7 .h7-chapter-head{padding:1.15rem 0 1.5rem}.h7 .h7-chapter-head h1{font-size:clamp(2.85rem,11vw,4rem)}
 .h7 .h7-chapter-art{height:3.4rem}.h7 .h7-jumps{gap:.2rem .85rem}.h7 .h7-jumps a{font-size:.75rem}
 .h7 .h7-study{grid-template-columns:1fr;gap:.55rem}.h7 .h7-studies>h2{font-size:2.4rem}.h7 .h7-study h3{font-size:1.9rem}
 .h7 .h7-next>div:last-child{gap:.45rem .85rem}
 .h7 .h7-program-head{grid-template-columns:1fr;padding:2rem 0 1.7rem;gap:1.65rem}
 .h7 .h7-program-head>div>p:not(.h7-overline){margin-inline:auto;font-size:.96rem}
 .h7 .h7-program-head figure{width:82%;margin:auto}.h7 .h7-program-head figure img{height:clamp(13.6rem,55vw,19rem)}
 .h7 .h7-program-head figcaption{text-align:center}.h7 .h7-program-orn{left:-7%;top:35%;height:17%;width:40%;opacity:.4}
 .h7 .h7-itinerary nav{display:none}.h7 .h7-itinerary li{grid-template-columns:4rem 1fr;gap:.85rem}
 .h7 .h7-step-art{height:4.4rem}.h7 .h7-itinerary p{font-size:.96rem}
}

