.contacte-page{background:var(--paper)}
.contacte-page .nav-item:not(:hover):not(:focus-within):not(.is-open) .dropdown{display:none}
.contacte-hero{position:relative;isolation:isolate;min-height:470px;display:flex;align-items:center;overflow:hidden}
.contacte-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.contacte-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#F7F3EC 0%,#F7F3ECf5 28%,#F7F3ECc2 43%,#F7F3EC00 67%)}
.contacte-hero-copy{max-width:540px;padding-block:60px}
.contacte-hero h1{font-size:68px;line-height:1.04;margin-bottom:28px}
.contacte-hero p{max-width:370px;font-size:16px}
.contacte-page main .eyebrow{font-family:var(--sans);font-weight:400;font-size:11px;text-transform:uppercase;line-height:1.5}
.contacte-page main .eyebrow:after{background:var(--deep);width:56px}
.contacte-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;padding-block:56px 48px}
.contacte-details{border-right:1px solid var(--line);padding-right:11%}
.contacte-detail{display:grid;grid-template-columns:58px minmax(0,1fr);gap:24px;align-items:start;margin-block:32px}
.contacte-detail>i{width:58px;height:58px;display:grid;place-items:center;background:var(--soft);border-radius:50%;font-size:25px;color:var(--deep)}
.contacte-detail h3{font:400 11px/1.4 var(--sans);text-transform:uppercase;margin:3px 0 8px}
.contacte-detail a{display:table;font-size:16px;line-height:1.7;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;overflow-wrap:anywhere;transition:color .2s,text-decoration-color .2s,transform .2s}
.contacte-detail a:hover{color:var(--wine);text-decoration-color:var(--wine);transform:translateX(2px)}
.contacte-detail .contacte-whatsapp{font-size:13px;margin-top:7px;text-decoration:none;color:var(--deep)}
.contacte-detail address{font:19px/1.5 var(--serif);font-style:normal}
.contacte-careers{display:flex;align-items:center;gap:22px;padding:22px;background:var(--soft);color:var(--deep);margin-top:40px;transition:background .2s,color .2s}
.contacte-careers>i{font-size:26px;flex:none}
.contacte-careers>span{display:block;border-left:1px solid var(--line);padding-left:22px;min-width:0}
.contacte-careers strong{display:block;font:400 11px/1.6 var(--sans);text-transform:uppercase;color:var(--ink);max-width:230px;margin-bottom:7px}
.contacte-careers>span>span{font-size:13px}
.contacte-careers:hover{color:var(--wine)}
.contacte-form-intro{font-size:14px;color:var(--muted);margin-bottom:26px}
.contacte-form-panel .eyebrow{margin-bottom:12px}
.contacte-form-panel .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contacte-form-panel .form-group{min-width:0}
.contacte-form-panel .form-group:has([name=username]){order:0}
.contacte-form-panel .form-group:has([name=phone]){order:1}
.contacte-form-panel .form-group:has([name=email]){order:2;grid-column:1/-1}
.contacte-form-panel .form-group:has([name=subject]){order:3;grid-column:1/-1}
.contacte-form-panel .form-group:has(textarea){order:4;grid-column:1/-1}
.contacte-form-panel .message-btn{order:6;grid-column:1/-1;text-align:right;margin-top:8px}
.contacte-form-panel input,.contacte-form-panel textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:0;background:var(--soft);color:var(--ink);font:14px/1.5 var(--sans);padding:17px 18px;transition:border-color .2s,background .2s}
.contacte-form-panel input::placeholder,.contacte-form-panel textarea::placeholder{color:var(--deep);opacity:1}
.contacte-form-panel input:focus,.contacte-form-panel textarea:focus{outline:2px solid var(--sand);outline-offset:2px;border-color:var(--deep);background:var(--paper)}
.contacte-form-panel textarea{resize:vertical;min-height:210px;display:block}
.contacte-form-panel button[type=submit]{background:var(--deep);color:var(--white);border:1px solid var(--deep);padding:17px 24px;max-width:100%;font:12px/1.5 var(--sans);text-transform:uppercase;display:inline-flex;align-items:center;gap:22px;transition:background .2s,transform .2s}
.contacte-form-panel button[type=submit]:after{content:'\2192';font-size:22px;line-height:1}
.contacte-form-panel button[type=submit]:hover{background:var(--wine);border-color:var(--wine);transform:translateY(-1px)}
.contacte-form-panel label.error{display:block;font:12px/1.5 var(--sans);color:var(--wine);padding-top:6px}
.contacte-form-panel input.error,.contacte-form-panel textarea.error{border-color:var(--wine)}
.contacte-map{position:relative;min-height:420px;background:var(--soft)}
.contacte-map iframe{display:block;border:0;width:100%;height:460px}
.map-consent{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:linear-gradient(135deg,#EEE6DCf2,#F7F3ECf0);padding:28px;color:var(--ink);transition:opacity .25s,visibility .25s}
.contacte-map.is-loaded .map-consent{opacity:0;visibility:hidden;pointer-events:none}
.map-consent>div{max-width:440px;text-align:center;margin-left:auto;margin-right:8%}
.map-consent p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:18px}
.map-consent .button{background:var(--deep);color:var(--white);margin-inline:auto}
.map-consent .button:hover{background:var(--wine);border-color:var(--wine)}
.contacte-office{position:absolute;left:6%;top:50%;z-index:2;transform:translateY(-50%);width:290px;max-width:88%;background:var(--paper);padding:32px}
.contacte-office .eyebrow{margin-bottom:25px}
.contacte-office address{font:15px/1.7 var(--sans);font-style:normal;margin-bottom:26px}
.contacte-office .button{font-size:11px;width:100%;gap:15px}
.contacte-reveal{transition:opacity .6s ease,transform .6s ease}
.contacte-reveal.is-pending{opacity:0;transform:translateY(14px)}
@media(max-width:1100px){.contacte-hero h1{font-size:58px}.contacte-layout{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.contacte-details{padding-right:8%}.contacte-detail{gap:16px;grid-template-columns:46px minmax(0,1fr)}.contacte-detail>i{width:46px;height:46px;font-size:22px}.contacte-detail a{font-size:14px}.contacte-careers{padding:18px;gap:15px}.contacte-careers>span{padding-left:15px}}
@media(max-width:750px){.contacte-layout{grid-template-columns:1fr;gap:42px;padding-block:36px}.contacte-details{border-right:0;border-bottom:1px solid var(--line);padding:0 0 30px}.contacte-detail{grid-template-columns:52px minmax(0,1fr);gap:20px;margin-block:26px}.contacte-detail>i{width:52px;height:52px}.contacte-detail a{font-size:16px}.contacte-careers{max-width:430px;margin-top:30px}.contacte-hero{min-height:435px}.contacte-hero h1{font-size:52px}.contacte-hero-copy{max-width:440px}.contacte-hero:after{background:linear-gradient(90deg,#F7F3EC 0%,#F7F3ECed 35%,#F7F3EC30 100%)}.contacte-office{position:relative;top:auto;left:auto;transform:none;width:auto;max-width:none;margin:0;padding:28px 6%;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.contacte-office .eyebrow{grid-column:1/-1;margin:0}.contacte-office address{margin:0;max-width:340px}.contacte-office .button{width:auto}.contacte-map{display:flex;flex-direction:column}.contacte-map iframe{height:360px;order:2}.map-consent{position:relative;inset:auto;order:1;min-height:220px}.map-consent>div{margin-inline:auto}}
@media(max-width:450px){.contacte-hero h1{font-size:45px}.contacte-hero-copy{padding-block:42px}.contacte-hero p{font-size:15px;max-width:290px}.contacte-hero{min-height:420px}.contacte-form-panel .row{grid-template-columns:1fr}.contacte-form-panel input,.contacte-form-panel textarea{padding:15px;font-size:16px}.contacte-form-panel .message-btn button{width:100%;justify-content:space-between;text-align:left}.contacte-office{grid-template-columns:1fr}.contacte-office .button{justify-self:start}.contacte-detail a{font-size:15px}}
@media(prefers-reduced-motion:reduce){.contacte-page .contacte-reveal,.contacte-page .contacte-detail a,.contacte-page .contacte-careers,.contacte-page input,.contacte-page textarea,.contacte-page button{transition:none}.contacte-reveal.is-pending{opacity:1;transform:none}}
