/* Tipografia e chamadas das galerias, no padrão da pocket-v2. */
@font-face{font-family:Titulo;src:url('../assets/fonts/cormorant-latin.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Titulo;src:url('../assets/fonts/cormorant-latin-ext.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Texto;src:url('../assets/fonts/lato-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Texto;src:url('../assets/fonts/lato-400-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Texto;src:url('../assets/fonts/lato-700-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Texto;src:url('../assets/fonts/lato-700-latin-ext.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--titulo:Titulo,'Cormorant Garamond',Georgia,serif;--texto:Texto,Lato,'Segoe UI',Arial,sans-serif}
body{font-family:var(--texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--titulo);font-weight:400;letter-spacing:0}
.gallery-section{height:768px;isolation:isolate}
.gallery-section:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,16,13,.58),transparent 35%);pointer-events:none;z-index:0}
.gallery-hero:before{background:linear-gradient(100deg,rgba(20,16,13,.78) 0%,rgba(20,16,13,.56) 39%,rgba(20,16,13,.08) 77%,transparent 100%)}
.gallery-logo{z-index:1;left:auto;right:max(24px,calc((100% - 1175px)/2));top:16px;width:180px;height:320px}
.gallery-copy{padding-top:185px;z-index:2}
.gallery-hero h1{font-size:76px;line-height:1.02;margin:0 0 26px;max-width:630px}
.gallery-copy p{font-size:20px;line-height:1.6;max-width:555px;width:auto;text-wrap:pretty}
.cta,.gallery-actions .cta{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:5px 6px 5px 28px;border-radius:40px;background:var(--sand);color:var(--ink);font-family:var(--texto);font-size:15px;font-weight:700;letter-spacing:.16em;line-height:1.25;text-transform:uppercase;text-decoration:none;text-shadow:none;position:relative;z-index:2}
.cta-arrow{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--clay);color:var(--sand);font-family:Arial,sans-serif;font-size:26px;line-height:1;text-decoration:none}
.cta:hover{filter:brightness(1.07)}
.gallery-copy .cta{margin-top:30px}
.gallery-photo-cta{position:absolute;right:max(32px,calc((100% - 1175px)/2));bottom:54px}
.gallery-actions{top:auto;left:auto;right:max(32px,calc((100% - 1175px)/2));bottom:66px;display:flex;align-items:flex-end;gap:14px}
.gallery-actions .cta-dark{background:var(--clay);color:#fff}
.gallery-actions .cta-dark .cta-arrow{background:var(--sand);color:var(--clay)}
.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--ink);color:var(--sand);padding:35px max(32px,calc((100% - 1175px)/2))}
.gallery-footer p{font-family:var(--titulo);font-size:33px;line-height:1.1}
.gallery-footer nav{display:flex;flex-wrap:wrap;gap:26px}
.gallery-footer a{text-decoration:none;font-size:15px;line-height:1.5}
.gallery-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.barra-fixa{display:none}

@media(max-width:767px){
  body{padding-bottom:78px}
  .gallery-section{height:min(100svh,760px);min-height:560px;background-position:center}
  .gallery-hero{height:auto;min-height:780px;background-position:58% center}
  .gallery-hero:before{background:linear-gradient(90deg,rgba(20,16,13,.82),rgba(20,16,13,.32))}
  .gallery-logo{left:auto;right:12px;top:-20px;width:132px;height:235px}
  .gallery-copy{max-width:calc(100% - 40px);padding:190px 0 165px}
  .gallery-hero h1{font-size:clamp(48px,10.5vw,66px);line-height:1.02;margin-bottom:22px;width:auto}
  .gallery-copy p{font-size:17px;line-height:1.65;max-width:470px}
  .cta,.gallery-actions .cta{font-size:13px;letter-spacing:.12em;min-height:50px;padding-left:20px;max-width:100%;text-align:left}
  .cta-arrow{width:34px;height:34px;font-size:23px}
  .gallery-copy .cta{margin-top:28px}
  .gallery-photo-cta{right:20px;bottom:108px}
  .gallery-actions{left:20px;right:20px;bottom:108px;align-items:stretch;width:auto}
  .gallery-footer{display:block;padding:34px 20px}
  .gallery-footer nav{gap:12px 22px;margin-top:18px}
  .barra-fixa{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(43,55,65,.96);box-shadow:0 -6px 24px rgba(0,0,0,.22)}
  .barra-fixa a{flex:1;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:40px;font-family:var(--texto);font-weight:700;font-size:12px;letter-spacing:.08em;line-height:1.15;text-align:center;text-decoration:none;text-transform:uppercase;padding:6px 8px}
  .barra-proposta{background:var(--sand);color:var(--ink)}
  .barra-whats{background:var(--clay);color:white}
}
@media(max-width:420px){
  .gallery-hero{min-height:820px}
  .gallery-hero h1{font-size:45px}
  .gallery-copy p{font-size:16px}
  .gallery-actions .cta{font-size:12px}
}
