.pg-contact{background:var(--brown);color:var(--on-dark)}.pg-contact .site-header{background:var(--base);position:static}.pg-contact .footer-sep{display:none}.pg-contact .c-main .wrap{padding-block:clamp(36px,5vw,64px) var(--sec)}.pg-contact .c-main h1{letter-spacing:.01em;color:var(--logo-green);margin:0 0 clamp(40px,5.5vw,72px);font-size:clamp(4rem,10vw,6.6rem);line-height:.94}.pg-contact .c-main h1 .cap{font-size:1.14em}.pg-contact .resonates{font-family:var(--font-cormorant),serif;color:#f4f0ecd1;max-width:38ch;margin:0 0 clamp(32px,4vw,48px);font-size:clamp(1.25rem,2.2vw,1.7rem);font-style:italic}.pg-contact .c-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(36px,6vw,88px);display:grid}@media (prefers-reduced-motion:no-preference){.pg-contact .c-main .wrap>*{animation:heroInContact 1.1s var(--ease-out) backwards}.pg-contact .c-main .c-grid{animation-delay:.15s}@keyframes heroInContact{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}.pg-contact .col-photo{flex-direction:column;display:flex}.pg-contact .col-portrait{aspect-ratio:4/5;border-radius:var(--r);object-fit:cover;object-position:center 15%;width:100%;display:block}.pg-contact .col-photo .img-pending{aspect-ratio:4/5;border-radius:var(--r);background:#ded7cd;width:100%}.pg-contact .c-datos{flex-direction:column;gap:11px;margin:clamp(40px,5vw,72px) 0 0;padding:0;list-style:none;display:flex}.pg-contact .c-datos .name{font-family:var(--font-cormorant),serif;letter-spacing:.02em;color:var(--on-dark);font-size:1.5rem}.pg-contact .c-datos li{color:#f4f0eccc;font-size:.9375rem}.pg-contact .c-datos li a{transition:border-color .25s var(--ease);border-bottom:1px solid #f4f0ec52;padding-bottom:2px}.pg-contact .c-datos li a:hover{border-color:var(--on-dark)}.pg-contact .c-datos .pending{color:#f4f0ec8c;font-style:italic}.pg-contact .col-form-wrap{flex-direction:column;gap:clamp(36px,4.5vw,60px);display:flex}.pg-contact .c-form-media{border-radius:var(--r);margin:0;position:relative;overflow:hidden}.pg-contact .c-form-media img{width:100%;height:auto;display:block}.pg-contact .c-form-media-veil{background:linear-gradient(#2d26262e,#2d262685);position:absolute;inset:0}.pg-contact .c-form-media-title{text-align:center;color:#fff;font-size:var(--fs-d3);padding:0 var(--pad);margin:0;line-height:1.05;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pg-contact .c-form-media-title em{font-style:italic}.pg-contact .col-form{padding-top:0}.pg-contact .field{flex-direction:column;gap:10px;margin-bottom:clamp(28px,3.5vw,40px);display:flex}.pg-contact .field label{font-family:var(--font-nunito),sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#f4f0ec99;font-size:.68rem;font-weight:700}.pg-contact .field input,.pg-contact .field textarea{appearance:none;font-family:var(--font-cormorant),serif;color:var(--on-dark);transition:border-color .25s var(--ease);background:0 0;border:none;border-bottom:1.5px solid #f4f0ec47;border-radius:0;padding:6px 2px 12px;font-size:1.3rem}.pg-contact .field textarea{resize:vertical;min-height:120px;line-height:1.5}.pg-contact .field input:hover,.pg-contact .field textarea:hover{border-color:#f4f0ec80}.pg-contact .field input:focus-visible,.pg-contact .field textarea:focus-visible{border-color:var(--on-dark);outline:none}.pg-contact .field input::placeholder,.pg-contact .field textarea::placeholder{color:#f4f0ec80;opacity:1;font-style:italic}.pg-contact .form-foot{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.pg-contact .microdata{color:#f4f0ec99;margin:18px 0 0;font-size:.9375rem;line-height:1.7}.pg-contact .microdata a{border-bottom:1px solid #f4f0ec52}.pg-contact .form-ok{font-family:var(--font-cormorant),serif;color:var(--logo-green);margin:18px 0 0;font-size:1.15rem;font-style:italic;display:none}.pg-contact .form-ok.show{display:block}.pg-contact .form-error{font-family:var(--font-cormorant),serif;color:#c0563e;margin:18px 0 0;font-size:1.15rem;font-style:italic;display:none}.pg-contact .form-error.show{display:block}@media (max-width:900px){.pg-contact .c-grid{grid-template-columns:1fr;gap:clamp(36px,7vw,56px)}.pg-contact .col-photo{max-width:480px}.pg-contact .c-datos{margin-top:clamp(28px,6vw,40px)}}
