/*
Theme Name: Patagonia Nature Lab
Theme URI: https://patagonianaturelab.cl/
Author: Patagonia Nature Lab
Description: Naturaleza, alerces y experiencias compartidas. Tema de bloques cálido y adaptable.
Version: 0.3.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: patagonia-nature-lab
Domain Path: /languages
Tags: block-patterns, full-site-editing, wide-blocks, blog
*/

:root{--pnl-gutter:clamp(20px,5vw,80px);--pnl-width:1320px;--pnl-ink:#27352d;--pnl-forest:#304b3d;--pnl-paper:#f5f1e8;--pnl-bark:#995632;--pnl-line:#d5d7c9;--pnl-radius:6px;--pnl-border:1px solid var(--pnl-line)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;text-rendering:optimizeLegibility;font-size:17px}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{text-underline-offset:.25em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pnl-bark);outline-offset:5px}
button,input,select,textarea{font:inherit}
.wp-site-blocks>*,.pnl-home>*{margin-block-start:0}
.pnl-shell{width:min(var(--pnl-width),100%);max-width:var(--pnl-width);margin-inline:auto!important}
.pnl-section{padding:clamp(56px,7vw,104px) var(--pnl-gutter)}
.pnl-section>.pnl-shell,.pnl-header>.pnl-shell{max-width:var(--pnl-width)}
.pnl-eyebrow{color:var(--pnl-bark);font-size:.72rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 20px}
.pnl-section h2,.pnl-finder-intro h1{font-size:clamp(2rem,3.4vw,3.4rem);max-width:20ch;margin:0 0 24px}
.pnl-lead{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.7;max-width:42ch}
.pnl-section-heading{max-width:690px;margin:0 0 40px}
.pnl-section-heading>p:last-child{max-width:58ch}
.wp-block-buttons{gap:14px;margin-top:28px}
.wp-block-button__link{transition:background-color .18s ease,color .18s ease;text-decoration:none;border:1px solid transparent;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.wp-block-button__link:hover{background:#243b2e;color:#fff}
.wp-block-button.is-style-outline>.wp-block-button__link{border:1px solid #a8b2a2;color:var(--pnl-forest);background:transparent}
.wp-block-button>.wp-block-button__link,.wp-block-button.is-style-outline>.wp-block-button__link{padding:1rem 1.5rem;line-height:1.5}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:#e5e6d9}

.pnl-header{padding:25px var(--pnl-gutter);background:var(--pnl-paper);border-bottom:1px solid var(--pnl-line);position:relative;z-index:20}
.pnl-header-row{display:flex;align-items:center;justify-content:space-between;gap:30px}
.pnl-brand{font:600 1.14rem/1.18 Georgia,serif;letter-spacing:-.02em;max-width:145px;margin:0}
.pnl-brand a{text-decoration:none}
.pnl-navigation a{text-decoration:none}
.pnl-navigation .wp-block-navigation__container{gap:clamp(18px,2.6vw,38px)}
.pnl-navigation .wp-block-navigation__responsive-container.is-menu-open{background:var(--pnl-paper);color:var(--pnl-ink);padding:60px 28px}
.pnl-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{padding:10px 0;font-size:1.2rem}

.pnl-welcome{padding-top:42px;padding-bottom:64px}
.pnl-welcome-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,6vw,88px);align-items:center}
.pnl-welcome-copy{padding:25px 0}
.pnl-welcome h1{font-family:Georgia,Cambria,serif;font-weight:400;font-size:clamp(2.65rem,5.3vw,5.4rem);line-height:1.04;letter-spacing:-.055em;max-width:11ch;margin:0 0 30px}
.pnl-welcome .pnl-lead{max-width:37ch;color:#4d584b}
.pnl-welcome-photo{margin:0!important;position:relative;align-self:stretch;min-height:600px;overflow:hidden;border-radius:110px 6px 6px 6px;background:#e5e6d9}
.pnl-welcome-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 57%}
.pnl-welcome-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;width:fit-content;max-width:calc(100% - 40px);background:#f5f1e8;color:var(--pnl-ink);font-size:.76rem;line-height:1.5;padding:10px 14px;margin:0;border-radius:3px}
.pnl-hero-note{font-size:.75rem;color:#68715f;border-top:1px solid var(--pnl-line);padding-top:22px;margin-top:38px;letter-spacing:.08em}

.pnl-story{background:#e7eadf}
.pnl-story-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.pnl-story-photo{margin:0!important}
.pnl-story-photo img{width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:42% 60%;display:block;border-radius:6px}
.pnl-story-photo figcaption{font-size:.76rem;line-height:1.5;color:#54624f;margin:12px 0 0}
.pnl-story-copy>p{max-width:46ch}
.pnl-story .wp-block-details{border-top:1px solid #bec7b6;padding:15px 0;margin:0}
.pnl-story .wp-block-details:last-child{border-bottom:1px solid #bec7b6}
.pnl-story summary{cursor:pointer;font-weight:600;font-size:.92rem;min-height:28px}
.pnl-story .wp-block-details p{font-size:.91rem;margin:15px 0 3px;color:#4c5a47}
.pnl-anchor{scroll-margin-top:35px}

.pnl-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.pnl-path{min-width:0;display:flex;flex-direction:column}
.pnl-path-grid>*,.pnl-level-grid>*,.pnl-welcome-grid>*,.pnl-story-grid>*,.pnl-finder-layout>*,.pnl-footer-grid>*{margin-block-start:0!important}
.pnl-path-image{margin:0!important;overflow:hidden;border-radius:6px}
.pnl-path-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.pnl-path:hover .pnl-path-image img{transform:scale(1.025)}
.pnl-path-copy{padding-top:20px;display:flex;flex-direction:column;flex:1}
.pnl-path-copy>.pnl-text-link{margin-top:auto}
.pnl-card-number{color:var(--pnl-bark);font-size:.73rem;margin:0 0 8px}
.pnl-path h3{font-size:1.65rem;line-height:1.15;margin:0 0 12px}
.pnl-path-copy>p:not(.pnl-card-number){font-size:.92rem;color:#54604f;line-height:1.65}
.pnl-text-link{font-size:.88rem;font-weight:600}
.pnl-text-link a{padding:7px 0;display:inline-block}

.pnl-finder-section{background:#e7eadf}
.pnl-finder-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:clamp(36px,5vw,80px);align-items:center}
.pnl-finder-layout>div{min-width:0}
body .pnl-finder{background:#fffcf5;border:1px solid #d0d6c7;border-radius:6px;padding:clamp(20px,2.3vw,36px);color:var(--pnl-ink)}
body .pnl-finder label span{opacity:1;color:#526049;font-size:.71rem;letter-spacing:.06em;margin-bottom:8px}
body .pnl-finder select{border:1px solid #bec7b6;background:var(--pnl-paper);color:var(--pnl-ink);border-radius:3px;padding:12px 30px 12px 12px;min-height:48px;font-size:.9rem}
body .pnl-finder button{background:var(--pnl-forest);color:#fffcf5;border-radius:4px;padding:14px 22px;font-weight:600;min-height:48px;font-size:.92rem}
body .pnl-finder button:hover{background:#243b2e}
body .pnl-finder-status{color:#4c5b45;opacity:1;font-size:.9rem;margin:20px 0 0}
body .pnl-finder-status:empty{margin:0}
body .pnl-finder-results:empty{display:none}
body .pnl-finder-results:not(:empty){margin-top:20px}
body .pnl-result-card{border:1px solid var(--pnl-line);background:var(--pnl-paper);border-radius:4px}
body .pnl-result-card h3{font-size:1.5rem}
body .pnl-result-card p{font-size:.9rem}

.pnl-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.pnl-level{border-top:1px solid #b8c1ac;padding-top:24px;min-width:0}
.pnl-level-number{color:var(--pnl-bark);font-size:.78rem;font-weight:600;letter-spacing:.1em;margin:0 0 15px}
.pnl-level h3{font-size:1.4rem;margin:0 0 12px}
.pnl-level>p:last-child{font-size:.9rem;color:#54604f}
.pnl-journal.wp-block-cover{min-height:600px;padding:75px var(--pnl-gutter);margin-top:0;align-items:center}
.pnl-journal>.wp-block-cover__inner-container{width:100%}
.pnl-journal-copy{width:43%;min-width:390px;margin-left:auto;background:#f5f1e8;color:var(--pnl-ink);padding:clamp(28px,4vw,56px);border-radius:6px}
.pnl-journal-copy h2{font:400 clamp(2rem,3vw,3rem)/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 24px}
.pnl-journal-copy p:not(.pnl-eyebrow){font-size:1rem;line-height:1.7}
.pnl-journal .wp-block-cover__image-background{object-position:50% 50%}
.pnl-footer{background:#304b3d;color:#f5f1e8;padding-bottom:25px}
.pnl-footer h2{font-size:clamp(2rem,3vw,3rem)}
.pnl-footer-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}
.pnl-footer a{color:#f5f1e8}
.pnl-footer p{font-size:.94rem}
.pnl-footer-location{color:#d4dccd}
.pnl-footer-links>.pnl-text-link{margin:0}
.pnl-footer-bottom{border-top:1px solid #60725e;margin-top:44px;padding-top:22px;font-size:.75rem!important;color:#d4dccd}

/* Preserve the existing template, card and shortcode interfaces. */
.wp-site-blocks>.alignwide{width:min(var(--pnl-width),calc(100% - var(--pnl-gutter)*2));margin-inline:auto}
.pnl-card{border:var(--pnl-border);border-radius:6px;overflow:hidden}
.pnl-chip{display:inline-flex;padding:.35rem .7rem;border:1px solid currentColor;border-radius:3px;font-size:.76rem}
.pnl-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.has-forest-background-color,.has-ink-background-color{color:#f5f1e8}
.has-forest-background-color a,.has-ink-background-color a{color:#f5f1e8}
.has-forest-background-color .has-moss-color,.has-ink-background-color .has-moss-color{color:#e3e7d7!important}
.wp-block-post-date.has-mist-color{color:#5c6955!important}
body .pnl-facts{background:#d0d6c7;color:var(--pnl-ink)}
body .pnl-facts>div{background:#e7eadf}
body .pnl-facts span{opacity:1;color:#526049}
body .pnl-requirements section{border:var(--pnl-border);background:#fffcf5;border-radius:6px}
body .pnl-requirements h3{font-size:1.4rem}
.wp-block-column,.pnl-card,.wp-block-site-title{min-width:0;overflow-wrap:anywhere}

@media(max-width:1000px){
 .pnl-welcome-grid{gap:34px}
 .pnl-welcome-photo{min-height:540px}
 .pnl-story-grid{gap:35px}
 .pnl-path-grid,.pnl-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}
 .pnl-finder-layout{grid-template-columns:1fr}
 .pnl-finder-intro{max-width:620px}
 .pnl-journal-copy{width:50%}
}
@media(max-width:800px){
 .pnl-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 .pnl-navigation .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important;padding:10px}
 .pnl-welcome-grid,.pnl-story-grid{grid-template-columns:1fr}
 .pnl-welcome{padding-top:15px}
 .pnl-welcome-copy{padding-bottom:0}
 .pnl-welcome h1{max-width:14ch;font-size:clamp(2.65rem,8vw,4.5rem)}
 .pnl-welcome-photo{min-height:570px;max-height:700px;border-radius:70px 6px 6px 6px}
 .pnl-welcome .pnl-lead{max-width:47ch}
 .pnl-hero-note{margin-top:28px}
 .pnl-story-photo img{aspect-ratio:4/3;object-position:50% 55%}
 .pnl-story-copy>p{max-width:55ch}
 .pnl-journal.wp-block-cover{min-height:780px;align-items:flex-end;padding-top:280px;padding-bottom:28px}
 .pnl-journal-copy{width:100%;min-width:0;padding:28px}
 .pnl-journal-copy h2{max-width:18ch}
 .pnl-journal .wp-block-cover__image-background{object-position:40% 40%}
 .pnl-meta-grid,.wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:500px){
 body{font-size:16px}
 .pnl-header{padding-top:18px;padding-bottom:18px}
 .pnl-brand{max-width:145px;font-size:1.04rem}
 .pnl-footer-grid{grid-template-columns:1fr}
 .pnl-path-grid{gap:30px 20px}
 .pnl-path h3{font-size:1.4rem}
 .pnl-welcome-photo{min-height:470px}
 .pnl-welcome .wp-block-buttons{flex-direction:column;align-items:stretch}
 .pnl-welcome .wp-block-button__link{width:100%}
 .pnl-level-grid{gap:24px 20px}
 .pnl-level h3{font-size:1.25rem}
 .pnl-meta-grid,.wp-block-post-template.is-layout-grid{grid-template-columns:1fr}
 .pnl-journal.wp-block-cover{min-height:760px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pnl-path-image img,.wp-block-button__link{transition:none}.pnl-path:hover .pnl-path-image img{transform:none}}