/* Shared details keep the area directory and its guides in the same visual family. */
.sa-page,.ad-page{--ar-accent:var(--accent);color:var(--ink)}
.ar-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:37px}
.ar-breadcrumb .icon{width:13px;height:13px}.ar-breadcrumb a{padding-block:5px}.ar-breadcrumb a:hover{color:var(--ar-accent);text-decoration:underline}.ar-breadcrumb [aria-current]{color:var(--ink)}
.ar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.ar-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 18px;border-radius:3px;font-size:13px;font-weight:800;line-height:1.5;text-align:center;transition:background .2s,color .2s,border-color .2s}
.ar-button .icon,.ar-button img{width:20px;height:20px;flex:none}.ar-button .ar-arrow{width:16px;height:16px;margin-left:auto}
.ar-button-primary{background:var(--red);color:#fff}.ar-button-primary:hover{background:var(--deep-red)}
.ar-button-secondary{border:1px solid var(--line);color:var(--ink);background:transparent}.ar-button-secondary:hover{background:var(--surface);border-color:var(--muted)}
.ar-jump{display:inline-flex;align-items:center;gap:20px;padding-block:14px;margin-top:14px;font-size:13px;font-weight:700;color:var(--muted)}.ar-jump .icon{width:17px;height:17px;transition:transform .25s var(--ease)}.ar-jump:hover{color:var(--ar-accent)}.ar-jump:hover .icon{transform:translateY(4px)}
.ar-hero-figure{min-width:0}.ar-image-shell{position:relative;overflow:hidden;border-radius:12px;background:var(--surface);animation:ar-image-reveal .75s var(--ease)}
.ar-image-shell>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ar-image-location{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:center;gap:13px;padding:17px 19px;background:#171d1b;color:#f7f8f5;border-radius:2px}
.ar-image-location>.icon{color:var(--red);width:24px;height:24px}.ar-image-location span{font-size:11px;line-height:1.6;color:#c6cdc8}.ar-image-location strong{display:block;color:#f7f8f5;font-weight:800;font-size:17px}
.ar-hero-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:10px;line-height:1.5;color:var(--muted)}
.sa-page h1>.ar-period{display:inline;color:var(--ar-accent);padding:0;margin:0}
.ar-contact{padding:68px 0 72px;background:var(--red);color:#fff}.ar-contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12%;align-items:center}
.ar-contact h2{font-family:var(--display);font-size:clamp(54px,5.6vw,80px);line-height:.95;letter-spacing:-.02em;text-wrap:balance}.ar-contact h2 span{color:#411b20}.ar-contact p{max-width:42ch;font-size:15px;line-height:1.75;color:#fff0f1;margin-top:22px}
.ar-contact-links{border-top:1px solid #ffffff65}.ar-contact-links a{display:flex;align-items:center;gap:18px;min-height:92px;padding:20px 0;border-bottom:1px solid #ffffff65}.ar-contact-links a>span{font-size:21px;font-weight:800;line-height:1.5}.ar-contact-links small{display:block;font-size:11px;font-weight:600;color:#fff0f1;margin-bottom:4px}.ar-contact-links a>.icon:last-child{margin-left:auto;width:20px;height:20px;transition:transform .25s var(--ease)}.ar-contact-links a:hover>.icon:last-child{transform:translate(3px,-3px)}.ar-contact :focus-visible{outline-color:#fff}
@keyframes ar-image-reveal{from{clip-path:inset(0 0 5% 0);filter:brightness(.92)}to{clip-path:inset(0);filter:brightness(1)}}
@media(max-width:1000px){.ar-contact-grid{gap:7%}.ar-button{padding-inline:14px;font-size:12px}}
@media(max-width:760px){.ar-breadcrumb{margin-bottom:24px}.ar-contact-grid{grid-template-columns:1fr;gap:32px}.ar-contact-links{max-width:560px}.ar-contact{padding-block:52px}.ar-image-location{left:14px;right:14px;bottom:14px;padding:13px 15px}}
@media(max-width:600px){.ar-actions{gap:9px;margin-top:22px}.ar-button{min-height:52px;padding:13px 12px;font-size:12px}.ar-actions .ar-button{flex:1 1 180px}.ar-image-location strong{font-size:15px}.ar-hero-figure figcaption{font-size:10px}.ar-contact h2{font-size:58px}.ar-contact-links a>span{font-size:19px}.ar-contact p{font-size:15px}.ar-breadcrumb{font-size:11px;gap:6px}}
@media(prefers-reduced-motion:reduce){.ar-image-shell{animation:none}.ar-jump .icon,.ar-contact-links a>.icon:last-child{transition:none}}

/* White WhatsApp controls preserve the established page design. */
.sa-page .ar-actions .ar-button-secondary,.ad-page .ar-actions .ar-button-secondary{background:#fff;border-color:var(--line);color:#191d1c;border-radius:6px}
.sa-page .ar-actions .ar-button-secondary:hover,.ad-page .ar-actions .ar-button-secondary:hover{background:#f7f8f5;border-color:var(--muted);color:#191d1c}
.sa-page .ar-actions .ar-button-primary,.ad-page .ar-actions .ar-button-primary{border-radius:6px}
.sa-page .ar-image-location>.icon,.ad-page .ar-image-location>.icon{color:#d22b36}
