/* Hero principal: el árbol es un recurso visual, no una construcción CSS. */
.hero--natural{height:100svh;min-height:720px;max-height:900px;margin-bottom:0;padding:114px 6vw 174px;background:#06143d;isolation:isolate}
.hero--natural:after{display:none}
.hero--natural .hero-copy{width:min(54%,680px);max-width:680px;z-index:5}
.hero--natural .hero-copy h1{max-width:680px;font-size:clamp(44px,4.15vw,62px);margin:16px 0 18px}
.hero--natural .hero-title-line{display:block}
.hero--natural .hero-copy .lead{line-height:1.5}
.hero--natural .hero-copy .hero-ctas{margin-top:8px}
.hero--natural .hero-art{inset:0;width:100%;height:100%;right:0;bottom:0;z-index:1}
.hero--natural .hero-art picture,.hero--natural .hero-art picture img{display:block;width:100%;height:100%}
.hero--natural .tree-image{object-fit:cover;object-position:center center;animation:none;filter:none;mix-blend-mode:normal}
.hero--natural .hero-art:after{display:block;z-index:2;background:linear-gradient(90deg,#06143df5 0%,#06143de8 34%,#06143d8a 50%,#06143d20 68%,transparent 86%),linear-gradient(0deg,#06143d66 0%,transparent 35%)}
.hero--natural .tree-label{right:11%;top:58%;z-index:3;color:#fff;font-size:clamp(20px,2vw,30px);text-shadow:0 2px 12px #06143da8}
.hero--natural .scroll-note{z-index:6;left:6vw;bottom:170px}
.hero-practice-rail{position:absolute;z-index:7;right:5.5vw;bottom:0;left:5.5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 17px 35px rgba(5,16,55,.22)}
.hero-practice-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:138px;padding:24px 25px;color:var(--ink);text-decoration:none;transition:background .22s ease,transform .22s ease}
.hero-practice-card+.hero-practice-card{border-left:1px solid #e7e9f0}
.hero-practice-card:after{content:'';position:absolute;right:18px;bottom:0;left:18px;height:3px;background:var(--practice-color)}
.hero-practice-card:hover,.hero-practice-card:focus-visible{background:#f8f9ff;transform:translateY(-4px);outline:none}
.hero-practice-card:focus-visible{box-shadow:inset 0 0 0 3px var(--practice-color)}
.hero-practice-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--practice-color);color:#fff;font:700 11px 'DM Mono',monospace;letter-spacing:.04em}
.hero-practice-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.35}
.hero-practice-card strong{display:block;font-size:clamp(16px,1.45vw,21px);letter-spacing:-.055em;line-height:1.05}
.hero-practice-card sup{font-size:.55em;vertical-align:super}
.hero-practice-card small{display:block;margin-top:7px;color:#4a547b;font-size:12px;line-height:1.35}
.hero-practice-card i{font-size:24px;font-style:normal;color:var(--practice-color);transition:transform .22s ease}
.hero-practice-card:hover i{transform:translateX(5px)}
.hero-practice-1{--practice-color:#1838c5}.hero-practice-2{--practice-color:#7d41d1}.hero-practice-3{--practice-color:#00885f}
.story-image--natural picture{display:block;width:100%;height:100%}
.story-image--natural img{object-fit:cover!important;object-position:70% center!important;transform:none!important;mix-blend-mode:normal!important;background:none!important}
.story-image--natural .image-note{right:0;bottom:0;left:0;padding:42px 54px 27px 28px;background:linear-gradient(90deg,rgba(2,10,32,.96) 0%,rgba(2,10,32,.82) 64%,rgba(2,10,32,0) 100%);font-size:clamp(20px,1.65vw,27px);font-weight:700;line-height:1.14;letter-spacing:-.025em;text-shadow:0 2px 5px rgba(0,0,0,.8)}
@media(max-width:800px){.hero--natural{height:auto;min-height:940px;max-height:none;margin-bottom:0;padding:118px 7vw 286px}.hero--natural .hero-copy{width:100%;max-width:560px}.hero--natural .hero-art:after{background:linear-gradient(180deg,#06143dce 0%,#06143d86 42%,#06143dcf 76%,#06143df5 100%)}.hero--natural .tree-image{object-position:62% center}.hero--natural .tree-label{right:8%;top:48%;font-size:23px}.hero--natural .scroll-note{display:none}.hero-practice-rail{right:5vw;bottom:20px;left:5vw;grid-template-columns:1fr;border-radius:8px}.hero-practice-card{min-height:73px;padding:13px 17px;grid-template-columns:36px minmax(0,1fr) auto;gap:12px}.hero-practice-card+.hero-practice-card{border-top:1px solid #e7e9f0;border-left:0}.hero-practice-card:after{right:12px;left:12px;height:2px}.hero-practice-mark{width:36px;height:36px;font-size:9px}.hero-practice-card strong{font-size:16px}.hero-practice-card small{display:none}.hero-practice-card i{font-size:20px}}
@media(min-width:1000px){.hero--natural .hero-title-line{white-space:nowrap}}
@media(max-width:800px){.hero-practice-mark svg{width:22px;height:22px}}
@media(max-width:800px){.story-image--natural .image-note{padding:44px 26px 20px 20px;font-size:20px;background:linear-gradient(90deg,rgba(2,10,32,.94),rgba(2,10,32,.4),transparent)}}