.pg-contact{background:var(--brown);color:var(--on-dark);--header-bg:var(--base)}.pg-contact .footer-sep{display:none}.pg-contact .c-main .wrap{padding-block:clamp(36px,5vw,64px) var(--sec)}.pg-contact .c-main h1{font-size:var(--fs-d1);letter-spacing:.01em;color:var(--off);z-index:2;margin:0 0 clamp(-48px,-3.5vw,-16px);line-height:.94;position:relative}.pg-contact .c-main h1 .cap{font-size:1.14em}.pg-contact .resonates{font-family:var(--font-cormorant),serif;font-size:var(--fs-lead);color:#f4f0ecd1;max-width:38ch;margin:0 0 clamp(32px,4vw,48px)}.pg-contact .c-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(40px,5vw,72px) clamp(36px,6vw,88px);display:grid}.pg-contact .col-photo-frame{position:relative}.pg-contact .col-photo-veil{border-radius:var(--r) var(--r) 0 0;pointer-events:none;background:linear-gradient(#1e181099,#1e181000);height:42%;position:absolute;inset:0 0 auto}@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-portrait{aspect-ratio:4/5;border-radius:var(--r);object-fit:cover;object-position:center 15%;width:100%;display:block}.pg-contact .col-photo-frame .img-pending{aspect-ratio:4/5;border-radius:var(--r);background:#ded7cd;width:100%}.pg-contact .c-datos{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.pg-contact .c-datos .name{font-family:var(--font-cormorant),serif;font-size:var(--fs-lead);letter-spacing:.02em;color:var(--on-dark)}.pg-contact .c-datos li{font-size:var(--fs-body-sm);color:#f4f0eccc}.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}.pg-contact .c-form-media{border-radius:var(--r);margin:0;position:relative;overflow:hidden}.pg-contact .c-form-media img,.pg-contact .c-form-media video{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 .col-form{flex-direction:column;padding-top:0;display:flex}.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;font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.28em;text-transform:uppercase;color:#f4f0ec99}.pg-contact .field input,.pg-contact .field textarea{appearance:none;font-family:var(--font-cormorant),serif;font-size:var(--fs-lead);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}.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}.pg-contact .form-foot{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.pg-contact .microdata{font-size:var(--fs-body-sm);color:#f4f0ec99;margin:auto 0 0;padding-top:18px;line-height:1.7}.pg-contact .microdata a{border-bottom:1px solid #f4f0ec52}.pg-contact .form-ok{font-family:var(--font-cormorant),serif;font-size:var(--fs-body);color:var(--logo-green);margin:18px 0 0;display:none}.pg-contact .form-ok.show{display:block}.pg-contact .form-error{font-family:var(--font-cormorant),serif;font-size:var(--fs-body);color:#c0563e;margin:18px 0 0;display:none}.pg-contact .form-error.show{display:block}@media (max-width:900px){.pg-contact .c-grid{grid-template-columns:1fr;row-gap:clamp(28px,6vw,40px)}.pg-contact .col-photo-frame{order:1;max-width:480px}.pg-contact .c-datos{order:2}.pg-contact .col-form{order:3}.pg-contact .c-form-media{order:4}}
