/* Contact: the approved Pio Tours green and natural identity, an oval photograph and a clear native form. */
.pio-contact--organic{--pcn-ink:var(--pio-colors-ink);--pcn-tint:var(--pio-colors-brand-tint);--pcn-line:color-mix(in srgb,var(--pio-colors-accent) 30%,var(--pio-colors-surface));width:100%;max-width:none;margin:0;padding:0;overflow:clip;background:var(--pcn-tint);color:var(--pcn-ink)}
.pio-contact--organic *{box-sizing:border-box}
.pcn-hero{position:relative;isolation:isolate;background:var(--pio-colors-accent-dark);padding-block:var(--pio-space-40) var(--pio-space-80)}
.pcn-hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:42px;background:var(--pcn-tint);border-radius:65% 35% 0 0 / 100% 100% 0 0;pointer-events:none}
.pcn-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--pio-space-65);min-height:270px}
.pcn-intro{position:relative;z-index:2}
.pcn-intro .pcn-kicker{display:flex;align-items:center;gap:var(--pio-space-10);font-size:var(--pio-text-12);line-height:var(--pio-leading-1-3);letter-spacing:.14em;text-transform:uppercase;font-weight:var(--pio-weights-bold);color:var(--pio-colors-surface);margin:0 0 var(--pio-space-16)}
.pcn-kicker>span{width:28px;height:2px;background:var(--pio-colors-accent);border-radius:var(--pio-radius-999)}
.pio-contact--organic h1{font-family:var(--pio-fonts-heading);font-size:clamp(var(--pio-text-36),3.5vw,var(--pio-text-48));line-height:var(--pio-leading-1-12);font-weight:var(--pio-weights-semibold);max-width:none;color:var(--pio-colors-surface);margin:0 0 var(--pio-space-16)}
.pcn-intro h1>span{display:inline-block;font-family:var(--pio-fonts-script);font-size:1.15em;font-weight:var(--pio-weights-regular);letter-spacing:0;color:var(--pio-colors-accent)}
.pcn-intro>p:not(.pcn-kicker){font-size:var(--pio-text-15);line-height:var(--pio-leading-1-6);max-width:46ch;margin:0 0 var(--pio-space-24);color:color-mix(in srgb,var(--pio-colors-surface) 84%,var(--pcn-ink))}
.pcn-whatsapp{gap:var(--pio-space-10);font-size:var(--pio-text-14);padding:var(--pio-space-12) var(--pio-space-20);min-height:46px;background:var(--pio-colors-accent);color:var(--pcn-ink);border:0;border-radius:var(--pio-radius-999)}
.pcn-whatsapp:hover{background:var(--pio-colors-tone-a6e978);color:var(--pcn-ink)}
.pcn-whatsapp svg{display:block;width:21px;height:21px;flex:none}
.pcn-visual{position:relative;isolation:isolate;min-width:0;width:100%;max-width:470px;justify-self:end;padding:var(--pio-space-12) var(--pio-space-8)}
.pcn-visual:before{content:"";position:absolute;inset:-3% -3% 2% 1%;border:var(--pio-stroke-1) solid var(--pio-colors-accent);border-radius:49% 51% 46% 54% / 62% 42% 58% 38%;transform:rotate(-11deg);opacity:.8;pointer-events:none}
.pcn-visual:after{content:"";position:absolute;right:-24px;top:-13px;width:70px;height:70px;border-radius:50%;background:var(--pio-colors-accent);z-index:-1;pointer-events:none}
.pcn-photo-frame{padding:var(--pio-space-7);background:var(--pio-colors-surface);border-radius:49% 51% 41% 59% / 51% 40% 60% 49%;transform:rotate(4deg);box-shadow:0 14px 30px rgb(0 0 0 / 18%)}
.pcn-photo-frame img{display:block;width:100%;height:250px;object-fit:cover;object-position:50% 57%;border-radius:inherit}
.pcn-location{position:absolute;left:0;bottom:var(--pio-space-4);display:inline-flex;align-items:center;gap:var(--pio-space-8);padding:var(--pio-space-10) var(--pio-space-16);border-radius:var(--pio-radius-999);background:var(--pio-colors-accent);color:var(--pcn-ink);font-size:var(--pio-text-13);font-weight:var(--pio-weights-bold);box-shadow:0 5px 18px rgb(0 0 0 / 12%);transform:rotate(-4deg)}
.pcn-location svg{display:block;width:19px;height:19px;flex:none}
.pcn-body{position:relative;padding-block:0 var(--pio-space-45);background:var(--pcn-tint)}
.pcn-contact-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--pio-space-80);align-items:start}
.pcn-info{padding-top:var(--pio-space-22)}
.pio-contact--organic h2{font-family:var(--pio-fonts-heading);font-size:var(--pio-text-29);line-height:var(--pio-leading-1-18);font-weight:var(--pio-weights-semibold);color:var(--pcn-ink);margin:0 0 var(--pio-space-12)}
.pcn-info .pcn-ruc{display:flex;align-items:center;gap:var(--pio-space-6);font-size:var(--pio-text-12);line-height:var(--pio-leading-1-4);color:var(--pio-colors-muted);margin:0}
.pcn-ruc strong{font-weight:var(--pio-weights-bold);font-variant-numeric:tabular-nums;color:var(--pcn-ink)}
.pio-contact--organic .pcn-details{display:grid;gap:var(--pio-space-22);margin:var(--pio-space-26) 0}
.pio-contact--organic .pcn-details>div{position:relative;min-height:46px;padding:0 0 0 var(--pio-space-60);border:0}
.pio-contact--organic .pcn-details dt{color:var(--pio-colors-muted);font-size:var(--pio-text-12);line-height:var(--pio-leading-1-4);margin:0 0 var(--pio-space-4)}
.pio-contact--organic .pcn-details dd{margin:0;font-size:var(--pio-text-16);font-weight:var(--pio-weights-semibold);line-height:var(--pio-leading-1-4);overflow-wrap:anywhere}
.pcn-details dd a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--pcn-ink)}
.pcn-icon{display:grid;place-items:center;position:absolute;top:0;left:0;width:44px;height:44px;border:var(--pio-stroke-1) solid var(--pcn-line);border-radius:50%;background:var(--pio-colors-surface);color:var(--pcn-ink)}
.pcn-icon svg{display:block;width:21px;height:21px}
.pcn-social{display:flex;align-items:center;gap:var(--pio-space-18);padding-top:var(--pio-space-18);border-top:var(--pio-stroke-1) solid var(--pcn-line)}
.pcn-social>span{font-size:var(--pio-text-13);color:var(--pio-colors-muted)}
.pcn-social .pio-header-social-icons{gap:var(--pio-space-8)}
.pcn-social .pio-header-social-icons a{display:grid;place-items:center;width:36px;height:36px;border:var(--pio-stroke-1) solid var(--pcn-line);border-radius:50%;background:transparent;color:var(--pcn-ink)}
.pcn-social .pio-header-social-icons a:hover{background:var(--pcn-ink);border-color:var(--pcn-ink);color:var(--pio-colors-surface)}
.pcn-social svg{display:block;width:17px;height:17px}
.pio-contact--organic .pcn-form-panel{min-width:0;position:relative;margin-top:calc(-1 * var(--pio-space-55));z-index:2;padding:var(--pio-space-32);border:var(--pio-stroke-1) solid color-mix(in srgb,var(--pcn-ink) 9%,var(--pio-colors-surface));border-radius:var(--pio-radius-24) var(--pio-radius-24) var(--pio-radius-44) var(--pio-radius-24);background:var(--pio-colors-surface);box-shadow:0 16px 38px color-mix(in srgb,var(--pcn-ink) 8%,transparent)}
.pcn-form-panel:before{content:"";position:absolute;width:58px;height:4px;top:-1px;left:var(--pio-space-32);background:var(--pio-colors-accent);border-radius:0 0 3px 3px;pointer-events:none}
.pcn-form-panel>p{font-size:var(--pio-text-14);line-height:var(--pio-leading-1-5);color:var(--pio-colors-muted);margin:0 0 var(--pio-space-22)}
.pcn-form-panel form.jet-form-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pio-space-18);align-items:start}
.pcn-form-panel .jet-form-builder-row{margin:0;padding:0;min-width:0}
.pcn-form-panel .jet-form-builder-row:has(input[type=tel]),.pcn-form-panel .jet-form-builder-row:has(textarea),.pcn-form-panel .jet-form-builder-row:has(button),.pcn-form-panel .jet-form-builder-row:has(input[type=submit]),.pcn-form-panel .jet-form-builder-messages-wrap,.pcn-form-panel .jet-form-builder-message{grid-column:1/-1}
.pcn-form-panel .jet-form-builder-row:has(input[type=hidden]):not(:has(input:not([type=hidden]),textarea,select,button)){display:none}
.pcn-form-panel .jet-form-builder__label{font-size:var(--pio-text-13);font-weight:var(--pio-weights-bold);line-height:var(--pio-leading-1-4);margin-bottom:var(--pio-space-7);color:var(--pcn-ink)}
.pcn-form-panel input:not([type=checkbox]):not([type=hidden]):not([type=submit]),.pcn-form-panel textarea{font-family:var(--pio-fonts-body);font-size:var(--pio-text-16);line-height:var(--pio-leading-1-4);min-height:46px;padding:var(--pio-space-11) var(--pio-space-12);border:var(--pio-stroke-1) solid color-mix(in srgb,var(--pcn-ink) 20%,var(--pio-colors-surface));border-radius:var(--pio-radius-10);background:color-mix(in srgb,var(--pcn-tint) 32%,var(--pio-colors-surface));width:100%;color:var(--pcn-ink)}
.pcn-form-panel textarea{min-height:105px;resize:vertical}
.pcn-form-panel ::placeholder{color:var(--pio-colors-muted);opacity:1;font-size:var(--pio-text-14)}
.pcn-form-panel .jet-form-builder__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--pio-space-8);min-height:46px;padding:var(--pio-space-12) var(--pio-space-24);font-size:var(--pio-text-14);font-weight:var(--pio-weights-bold);background:var(--pio-colors-accent);color:var(--pcn-ink);border:0;border-radius:var(--pio-radius-999);cursor:pointer}
.pcn-form-panel .jet-form-builder__submit:hover{background:var(--pio-colors-tone-a6e978);color:var(--pcn-ink)}
.pcn-form-panel .jet-form-builder-message{font-size:var(--pio-text-14);line-height:var(--pio-leading-1-5);margin:0}
.pio-contact--organic :is(a,button):focus-visible{outline:var(--pio-stroke-2) solid var(--pio-colors-accent-dark);outline-offset:var(--pio-stroke-3)}
.pcn-hero a:focus-visible{outline-color:var(--pio-colors-accent)}
@media(max-width:1000px){.pcn-hero-grid{gap:var(--pio-space-35)}.pcn-contact-grid{gap:var(--pio-space-40)}.pio-contact--organic .pcn-form-panel{padding:var(--pio-space-26)}.pcn-photo-frame img{height:225px}.pcn-visual:after{right:-10px}}
@media(max-width:800px){.pcn-hero{padding-block:var(--pio-space-35) var(--pio-space-70)}.pcn-hero-grid{grid-template-columns:1.1fr .9fr;gap:var(--pio-space-24)}.pio-contact--organic h1{font-size:var(--pio-text-36)}.pcn-intro>p:not(.pcn-kicker){font-size:var(--pio-text-14)}.pcn-whatsapp{font-size:var(--pio-text-13);padding-inline:var(--pio-space-16)}.pcn-photo-frame img{height:210px}.pcn-location{font-size:var(--pio-text-11);padding:var(--pio-space-9) var(--pio-space-11)}.pcn-contact-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--pio-space-26)}.pio-contact--organic h2{font-size:var(--pio-text-26)}.pio-contact--organic .pcn-details>div{padding-left:var(--pio-space-55)}.pio-contact--organic .pcn-details dd{font-size:var(--pio-text-14)}.pcn-icon{width:40px;height:40px}.pcn-form-panel form.jet-form-builder{grid-template-columns:1fr;gap:var(--pio-space-16)}}
@media(max-width:600px){.pcn-hero{padding-block:var(--pio-space-28) var(--pio-space-65)}.pcn-hero-grid{grid-template-columns:1fr;gap:var(--pio-space-28);min-height:0}.pcn-intro .pcn-kicker{margin-bottom:var(--pio-space-14)}.pio-contact--organic h1{font-size:var(--pio-text-38);margin-bottom:var(--pio-space-14)}.pcn-intro>p:not(.pcn-kicker){max-width:42ch;margin-bottom:var(--pio-space-20)}.pcn-visual{width:83%;max-width:340px;justify-self:center;padding:var(--pio-space-8)}.pcn-photo-frame img{height:180px}.pcn-location{font-size:var(--pio-text-12)}.pcn-visual:after{width:48px;height:48px;top:0;right:-10px}.pcn-hero:after{height:25px}.pcn-body{padding-bottom:var(--pio-space-32)}.pcn-contact-grid{display:flex;flex-direction:column;gap:var(--pio-space-30)}.pio-contact--organic .pcn-form-panel{width:100%;order:-1;margin-top:calc(-1 * var(--pio-space-35));padding:var(--pio-space-26) var(--pio-space-20);border-radius:var(--pio-radius-22) var(--pio-radius-22) var(--pio-radius-36) var(--pio-radius-22)}.pcn-info{width:100%;padding:0}.pcn-form-panel:before{left:var(--pio-space-20)}.pcn-form-panel>p{font-size:var(--pio-text-13);margin-bottom:var(--pio-space-20)}.pcn-info .pcn-ruc{font-size:var(--pio-text-12)}.pio-contact--organic .pcn-details{gap:var(--pio-space-20);margin-block:var(--pio-space-24)}.pio-contact--organic .pcn-details>div{padding-left:var(--pio-space-60)}.pio-contact--organic .pcn-details dd{font-size:var(--pio-text-16)}.pcn-icon{width:44px;height:44px}.pcn-social{padding-top:var(--pio-space-16)}}

/* A single green field border indicates focus; no detached outline or dark browser ring. */
.pio-contact--organic .pcn-form-panel form.jet-form-builder :is(input:not([type=hidden]):not([type=submit]):not([type=checkbox]),textarea):is(:focus,:focus-visible){outline:none;outline-offset:0;box-shadow:none;border-color:var(--pio-colors-accent-dark);background:var(--pio-colors-surface);caret-color:var(--pio-colors-accent-dark)}

/* Interior-page rhythm shared with the blog. */
.pio-contact--organic{--pcn-tint:var(--pio-colors-paper)}
.pcn-hero{background:var(--pio-colors-tone-e7ebdf)}
.pcn-intro .pcn-kicker{color:var(--pio-colors-accent-dark)}
.pio-contact--organic h1{color:var(--pio-colors-ink);font-size:clamp(38px,4.7vw,64px);letter-spacing:-.025em;line-height:1.18}
.pcn-intro h1>span{color:var(--pio-colors-accent-dark);font-size:35px;line-height:1.2;margin-top:16px}
.pcn-intro>p:not(.pcn-kicker){color:var(--pio-colors-muted);font-size:16px}
.pcn-hero a:focus-visible{outline-color:var(--pio-colors-accent-dark)}
@media(max-width:600px){.pio-contact--organic h1{font-size:38px}.pcn-intro h1>span{font-size:30px}}

/* Balanced contact section and diagonal, pale-green photo backdrop. */
.pcn-hero{background:var(--pio-colors-paper);overflow:hidden}
.pcn-hero:before{content:"";position:absolute;inset:0 0 0 48%;background:var(--pio-colors-tone-e7ebdf);clip-path:polygon(19% 0,100% 0,100% 100%,0 100%);z-index:-1}
.pcn-body{padding-block:56px}
.pcn-contact-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:48px;align-items:center}
.pcn-info{padding:0}
.pio-contact--organic .pcn-details{margin:0 0 26px}
.pio-contact--organic .pcn-form-panel{margin-top:0}
.pcn-form-panel form.jet-form-builder{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pcn-form-panel .jet-form-builder-row:has(input[type=tel]){grid-column:auto}
.pcn-form-panel .jet-form-builder-row:has(input[type=tel]) .jet-form-builder__label{font-size:12px}
@media(max-width:1000px){.pcn-contact-grid{grid-template-columns:1fr;gap:32px}.pcn-info{width:100%}.pio-contact--organic .pcn-details{display:grid;grid-template-columns:1fr 1fr}.pcn-details>div:has(.pcn-address){grid-column:1/-1}}
@media(max-width:600px){.pcn-body{padding-block:32px}.pcn-form-panel form.jet-form-builder{grid-template-columns:1fr}.pio-contact--organic .pcn-form-panel{margin-top:0}.pio-contact--organic .pcn-details{grid-template-columns:1fr}.pcn-hero:before{inset:42% 0 0 0;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}}

/* Full-height photography, with an irregular diagonal edge at the text boundary. */
.pcn-hero-grid{position:static}
.pcn-hero:before{display:none}
.pcn-visual{position:absolute;inset:0 0 0 48%;width:auto;max-width:none;padding:0;clip-path:none;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20600%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M230%200%20C235%2012%20210%2016%20218%2029%20C225%2037%20198%2040%20207%2056%20C213%2068%20191%2071%20196%2085%20C202%2098%20178%20102%20185%20116%20C193%20130%20166%20132%20173%20146%20C179%20158%20155%20162%20161%20177%20C167%20190%20143%20194%20149%20210%20C154%20223%20130%20227%20136%20241%20C142%20256%20117%20261%20124%20275%20C130%20287%20106%20292%20112%20308%20C118%20322%2093%20326%2099%20341%20C105%20355%2081%20360%2087%20375%20C92%20390%2068%20394%2074%20410%20C79%20424%2055%20428%2061%20444%20C67%20458%2043%20462%2048%20478%20C54%20492%2029%20498%2035%20513%20C40%20528%2016%20534%2022%20550%20C28%20566%203%20578%200%20600%20H1000%20V0%20Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;z-index:0}
.pcn-visual:before,.pcn-visual:after,.pcn-location{display:none}
.pcn-photo-frame{height:100%;padding:0;border-radius:0;transform:none;box-shadow:none;background:none}
.pcn-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:60% center;border-radius:0}
.pcn-intro{max-width:550px}
@media(max-width:600px){.pcn-visual{position:relative;inset:auto;width:100%;max-width:none;height:240px;clip-path:polygon(0 12%,8% 10%,17% 12%,27% 6%,38% 9%,48% 3%,59% 6%,70% 0,80% 4%,90% 1%,100% 3%,100% 100%,0 100%)}.pcn-hero{padding-bottom:20px}.pcn-photo-frame img{height:100%}}

.pcn-intro h1>span{display:block;transform:rotate(-2deg);transform-origin:left center;font-size:35px;font-weight:400;line-height:1.2;margin-top:16px;letter-spacing:0}
.pcn-breadcrumb{margin-bottom:32px;font-size:13px;color:var(--pio-colors-muted)}
.pcn-breadcrumb .pe-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0}
.pcn-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.pcn-breadcrumb{margin-bottom:24px}.pcn-intro h1>span{font-size:30px}}

/* Soft photographic blend into the same pale green as the blog. */
.pcn-hero{background:var(--pio-colors-tone-e7ebdf)}
.pcn-visual{inset:0 0 0 39%;clip-path:none;mask:linear-gradient(112deg,transparent 0%,transparent 10%,rgba(0,0,0,.08) 18%,rgba(0,0,0,.45) 29%,rgba(0,0,0,.85) 40%,black 50%);opacity:.96}
.pcn-visual:after{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;z-index:2;background:linear-gradient(to top,var(--pio-colors-tone-e7ebdf),transparent 24%);pointer-events:none}
@media(max-width:600px){.pcn-visual{inset:auto;clip-path:none;mask:linear-gradient(to bottom,transparent,black 22%,black 80%,transparent);opacity:1}.pcn-visual:after{display:none}}


/* One continuous diagonal colour blend; no intersecting bottom fade. */
.pcn-visual{inset:0 0 0 28%;clip-path:none;mask:none;opacity:1}.pcn-visual:after{display:block;content:"";position:absolute;inset:0;transform:none;border:0;opacity:1;background:linear-gradient(110deg,var(--pio-colors-tone-e7ebdf) 0%,color-mix(in srgb,var(--pio-colors-tone-e7ebdf) 98%,transparent) 14%,color-mix(in srgb,var(--pio-colors-tone-e7ebdf) 85%,transparent) 27%,color-mix(in srgb,var(--pio-colors-tone-e7ebdf) 55%,transparent) 40%,color-mix(in srgb,var(--pio-colors-tone-e7ebdf) 20%,transparent) 53%,transparent 68%);z-index:2}.pcn-hero:after{display:none}
@media(max-width:600px){.pcn-visual{inset:auto;clip-path:none;mask:linear-gradient(to bottom,transparent,black 22%,black 80%,transparent);opacity:1}.pcn-visual:after{display:none}}

/* Integrated editorial artwork replaces all separate fade layers. */
.pcn-hero{background:var(--pio-colors-tone-e7ebdf) url('editorial/contact-integrated-v2.png') center/cover no-repeat;padding-bottom:80px}
.pcn-visual{display:none}
.pcn-hero:after{display:block;content:"";position:absolute;left:0;right:0;bottom:-1px;height:52px;transform:none;background:var(--pio-colors-paper);border-radius:0;clip-path:none;mask:url('editorial/sweep-edge.svg') center/100% 100% no-repeat;z-index:3;pointer-events:none}
@media(max-width:600px){.pcn-hero{background-position:62% center;padding-bottom:65px}.pcn-intro{background:color-mix(in srgb,var(--pio-colors-tone-e7ebdf) 88%,transparent);border-radius:20px;padding:18px}.pcn-hero:after{height:32px}}

/* Contact details heading and tighter spacing before the footer illustration. */
.pio-contact--organic .pcn-info-title{font-family:var(--pio-fonts-body);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:0;margin:0 0 24px}
/* Rounded form shadow remains inside section bounds instead of being clipped flat. */
.pio-contact--organic .pcn-form-panel{box-shadow:0 10px 18px -12px color-mix(in srgb,var(--pio-colors-ink) 22%,transparent);border-radius:28px 28px 48px 28px}
.pcn-body{padding-bottom:24px}

.pcn-body{padding-bottom:16px}
@media(max-width:600px){.pcn-body{padding-bottom:12px}.pio-contact--organic .pcn-info-title{font-size:19px;margin-bottom:22px}}