/* Public masthead: the logo and return control each have their own space. */
@font-face{font-family:CSPHeader;src:url('/assets/historias/siembra-y-cosecha-barranquitas/serif-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.csp-public-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;padding:16px max(6%,calc((100vw - 1120px)/2));background:#213b2f;color:#f6f2e9;color-scheme:light;border-bottom:1px solid #d6bb7638}
.csp-public-header *{box-sizing:border-box}
.csp-public-header .csp-public-brand{display:flex;align-items:center;gap:30px;flex-shrink:0}
.csp-public-header .csp-public-logo{display:block;flex-shrink:0;text-decoration:none}
.csp-public-header .csp-public-logo img{display:block;width:126px;height:100px;object-fit:contain}
.csp-public-header .csp-public-tools{display:flex;align-items:center;gap:10px}
.csp-public-header .csp-header-bee{display:block;flex:none;width:64px;height:44px;pointer-events:none}
.csp-public-header .csp-header-bee svg{display:block;width:100%;height:100%}
.csp-public-header .csp-public-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0 30px;margin:0;padding:0}
.csp-public-header .csp-public-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:7px 0;color:#f6f2e9;font:400 22px/1.25 CSPHeader,Georgia,serif;letter-spacing:.005em;text-decoration:none;text-underline-offset:6px;touch-action:manipulation}
.csp-public-header .csp-public-nav a::after{position:absolute;bottom:5px;left:0;width:100%;height:1px;background:#d6bb76;content:'';transform:scaleX(0);transform-origin:left}
.csp-public-header .csp-public-nav a:hover::after,.csp-public-header .csp-public-nav a[aria-current=page]::after{transform:scaleX(1)}
.csp-public-header a:focus-visible{outline:2px solid #e4cd94;outline-offset:5px;border-radius:2px}
.csp-return-bar{display:block;flex:none;width:44px;height:44px;margin:0;padding:0;background:transparent;border:0;box-sizing:border-box;color:#214b38;color-scheme:light}
.csp-return-bar .csp-return-home{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:1px solid #d8d8bf;border-radius:50%;box-sizing:border-box;background:#faf7ef;color:#214b38;text-decoration:none;box-shadow:0 3px 14px #10291b18;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.csp-return-bar .csp-return-home svg{display:block;width:18px;height:18px;flex-shrink:0;fill:none;stroke:#214b38;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.csp-return-bar .csp-return-home:hover{background:#edf2e8}
.csp-return-bar .csp-return-home:focus-visible{outline:3px solid #a65039;outline-offset:3px}
.csp-return-bar.csp-return-floating .csp-return-home{position:fixed;left:max(14px,env(safe-area-inset-left,0px));top:calc(14px + env(safe-area-inset-top,0px));z-index:80}
@media(max-width:760px){
 .csp-public-header{gap:20px;align-items:flex-start;padding-top:16px;padding-bottom:16px}
 .csp-public-header .csp-public-brand{flex-direction:column;align-items:flex-start;gap:8px;width:104px}
 .csp-public-header .csp-public-logo img{width:96px;height:80px}
 .csp-public-header .csp-public-tools{gap:8px}
 .csp-public-header .csp-header-bee{width:52px;height:44px}
 .csp-public-header .csp-public-nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:calc(100% - 124px);margin-left:auto}
 .csp-public-header .csp-public-nav a{font-size:20px;min-height:44px}
}
@media(max-width:350px){.csp-public-header{gap:12px;padding-right:5%;padding-left:5%}.csp-public-header .csp-public-nav{max-width:calc(100% - 116px)}.csp-public-header .csp-public-nav a{font-size:18px}}