.site-header{--header-green:var(--green);position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:44px 44px auto auto;align-items:center;gap:0 1rem;padding:1rem;color:#fff;background:var(--header-green);font-size:1.6rem;line-height:1.3}
.site-header a{color:inherit}.site-header a:focus-visible,.site-header summary:focus-visible,.site-header button:focus-visible{outline:3px solid #fff;outline-offset:3px}.site-header [aria-current=page]{text-decoration:underline;text-underline-offset:.35em}
.site-brand{grid-column:1;grid-row:1/3;max-width:30rem}.site-brand img{display:block;width:100%;height:auto}
.site-menu{grid-column:1/-1;grid-row:3;min-width:0}.site-menu>summary{position:absolute;right:1rem;top:1rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;list-style:none}
.site-header summary::-webkit-details-marker{display:none}.desktop-menu-label{display:none}.mobile-menu-label,.control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menu-icon{display:block;width:24px;height:2px;background:currentColor;box-shadow:0 -7px currentColor,0 7px currentColor}.site-menu[open] .menu-icon{box-shadow:none;transform:rotate(45deg)}.site-menu[open] .menu-icon:after{content:"";position:absolute;inset:0;background:currentColor;transform:rotate(90deg)}
.site-menu nav{padding-top:1rem}.site-header ul{list-style:none;padding:0;margin:0}.site-header li{margin:0}.primary-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.site-header nav a{display:flex;align-items:center;min-height:44px;padding:.5rem 0;font-weight:700;overflow-wrap:anywhere}
.header-tools{display:contents}.site-search{grid-column:2;grid-row:2;min-height:44px}.site-search>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;list-style:none}.search-icon{display:block;position:relative;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;margin:-4px 4px 0 0}.search-icon:after{content:"";position:absolute;width:9px;height:2px;right:-7px;bottom:-4px;background:currentColor;transform:rotate(45deg)}
.site-search form{position:absolute;z-index:2;right:1rem;top:10.8rem;width:min(36rem,calc(100vw - 2rem));padding:1.5rem;background:var(--header-green);color:white;box-shadow:0 3px 10px #0004}.site-search label{display:block;font-weight:700;margin-bottom:.5rem}.site-search input{display:block;width:100%;min-height:44px;padding:.8rem;border:1px solid #ddd;border-radius:0;font:inherit;background:white;color:#212529}.site-search button{min-height:44px;margin-top:.8rem;padding:.5rem 1.5rem;font:inherit;font-weight:700;border:1px solid #fff;background:#fff;color:#176438;cursor:pointer}.site-search p{font-size:1.4rem;margin:1rem 0 0}
.account-links{display:none;grid-column:1/-1;grid-row:4;align-items:center;gap:1rem;padding-top:1rem}.site-menu[open]~.header-tools .account-links{display:flex}.account-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.8rem 1.2rem;font-weight:700}.account-links .subscribe-link{background:#145c34;color:#fff;border:0}
.desktop-primary{display:none}
@media(min-width:960px){
 .site-header{position:sticky;top:0;grid-template-columns:clamp(22rem,24vw,30rem) minmax(0,1fr) max-content max-content minmax(0,1fr) auto;grid-template-rows:8.4rem;gap:clamp(.8rem,1.2vw,1.8rem);padding:0 0 0 1.2rem;font-size:1.4rem}
 .site-brand{grid-column:1;grid-row:1;max-width:none}.desktop-primary{display:block;grid-column:3;grid-row:1;min-width:0}.primary-categories{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;gap:0 clamp(.8rem,1.2vw,1.8rem);white-space:nowrap}
 .site-menu{grid-column:4;grid-row:1;position:static}.site-menu>summary{position:static;width:auto;min-width:0;font-weight:700}.desktop-menu-label{display:inline}.mobile-menu-label,.menu-icon{display:none}
 .site-menu nav{padding:0}.site-menu[open] nav{position:absolute;top:100%;right:1.2rem;width:min(80rem,calc(100vw - 2.4rem));max-height:70vh;overflow:auto;background:var(--header-green);padding:1.5rem;box-shadow:0 4px 10px #0004}
 .header-tools{display:flex;grid-column:6;grid-row:1;align-items:stretch;gap:.5rem;height:100%}.site-search{min-height:44px;align-self:center}.site-search form{top:100%;right:1.2rem}.account-links,.site-menu[open]~.header-tools .account-links{display:flex;padding:0;gap:.5rem;align-items:stretch;height:100%}
}
/* Hero overlays apply only on desktop; mobile keeps the header above the image. */
@media(min-width:960px){.header-over-hero .site-header{position:absolute;inset:0 0 auto;background:transparent;}}

@media(min-width:960px){.site-header nav a{white-space:nowrap;overflow-wrap:normal}.account-links .subscribe-link{height:100%;padding:0 1.5rem}.site-brand{align-self:center}}
@media(min-width:960px) and (max-width:1199px){
 .desktop-primary li:nth-child(8),.desktop-primary li:nth-child(9),.desktop-primary li:nth-child(10){display:none}
 
 
}
@keyframes header-solid{from{background-color:transparent;box-shadow:none}to{background-color:var(--header-green);box-shadow:0 2px 7px #0003}}
@supports (animation-timeline:scroll()) and (animation-range:0px 80px){
 @media(min-width:960px){.header-over-hero .site-header{position:fixed;inset:0 0 auto;animation:header-solid 1ms linear both;animation-timeline:scroll(root block);animation-range:0px 80px;}}
}
/* Opening controls always provides a solid surface, also over a bright hero. */
.site-header:has(.site-menu[open],.site-search[open]){animation:none;background:var(--header-green);}
@media(prefers-reduced-motion:reduce) and (min-width:960px){.header-over-hero .site-header{animation-timing-function:steps(1,end);animation-range:0px 1px}}
@media(max-width:599px){.site-brand{max-width:30rem}.site-header{font-size:1.6rem}.primary-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}



@media(min-width:1200px) and (max-width:1399px){.desktop-primary li:nth-child(10){display:none}}
@media(min-width:960px) and (max-width:1099px){.site-header{font-size:1.3rem;gap:.8rem}.primary-categories{gap:0 .8rem}}
@media(min-width:1200px) and (max-width:1319px){.desktop-primary li:nth-child(9){display:none}}

.account-links .login-link{gap:.8rem;padding:.8rem .6rem;white-space:nowrap;font-size:1.2rem;font-weight:400}.user-icon{position:relative;display:inline-block;flex:0 0 26px;width:26px;height:26px;border:1.5px solid currentColor;border-radius:50%;overflow:hidden}.user-icon:before{content:"";position:absolute;top:4px;left:7px;width:9px;height:9px;border:1.5px solid currentColor;border-radius:50%}.user-icon:after{content:"";position:absolute;left:2px;bottom:-3px;width:19px;height:12px;border:1.5px solid currentColor;border-radius:50%}
@media(min-width:960px) and (max-width:1199px){.desktop-primary li:nth-child(7){display:none}}
/* Search replaces only the central desktop navigation, keeping its reserved width. */
@supports selector(.site-header:has(.site-search[open])) and selector(details::details-content){
@media(min-width:960px){
 .site-header{grid-template-columns:clamp(22rem,24vw,30rem) minmax(0,1fr) max-content max-content minmax(0,1fr) 44px auto}
 .header-tools{display:contents}.site-search{grid-column:6;grid-row:1;height:44px}.account-links,.site-menu[open]~.header-tools .account-links{grid-column:7;grid-row:1}
 .site-header:has(.site-search[open]) .desktop-primary,.site-header:has(.site-search[open]) .site-menu{visibility:hidden;pointer-events:none}
 .site-search[open]{display:contents}.site-search[open]>summary{grid-column:6;grid-row:1;align-self:center}
 .site-search[open]::details-content{display:contents}
 .site-search[open] form{position:static;grid-column:2/6;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:1rem;align-self:center;min-width:0;width:auto;padding:0 .4rem;background:transparent;box-shadow:none}
 .site-search[open] input{min-width:0}.site-search[open] button{margin:0;padding:.5rem 1.5rem}
 .site-search[open] label,.site-search[open] p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(min-width:1100px){.site-header{column-gap:1.2rem}}
}

.site-menu .mobile-menu-links{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #ffffff55}.site-menu .taxonomy-categories{padding:0;margin:0}.site-menu .taxonomy-categories ul{padding:0 0 0 1.4rem;margin:0 0 0 .3rem;border-left:1px solid #ffffff40}.site-menu .taxonomy-categories li{margin:0}.site-menu .taxonomy-categories>li{break-inside:avoid;margin:0 0 1.5rem}.site-menu .taxonomy-categories>li>a{font-size:1.6rem;font-weight:800}.site-menu .taxonomy-categories ul a{font-weight:400}.site-menu .taxonomy-categories a[aria-current]{font-weight:700}@media(min-width:960px){.site-menu .mobile-menu-links{display:none}}

@media(min-width:960px){.site-menu[open] nav{width:min(120rem,calc(100% - 2.4rem))}.site-menu .taxonomy-categories{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr);gap:0 2rem;columns:auto;align-items:start}.site-menu .taxonomy-categories>li:not(.taxonomy-wide){grid-column:2}.site-menu .taxonomy-artropodos{grid-column:1;grid-row:1/4}.site-menu .taxonomy-vertebrados{grid-column:3;grid-row:1/4}.site-menu .taxonomy-wide>ul{column-count:2;column-gap:1.6rem}.site-menu .taxonomy-wide li{break-inside:auto}.site-menu .taxonomy-categories a{white-space:normal;break-inside:avoid}}

.site-menu .taxonomy-categories>li>ul{border-left:0}
