/* A Roihu declara métricas win (ascendente 1651) sem USE_TYPO_METRICS. No Windows
   o navegador usa essa caixa, e o glifo cai ~0,28em abaixo do centro de qualquer
   botão. Os overrides igualam a caixa à altura das maiúsculas (710/1000),
   centrada, e precisam estar aqui também: o theme.json imprime a mesma face. */
@font-face { font-family: Roihu; src: url("../fonts/Roihu.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; ascent-override: 85%; descent-override: 15%; line-gap-override: 0%; }
@font-face { font-family: Roihu; src: url("../fonts/Roihu-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; ascent-override: 85%; descent-override: 15%; line-gap-override: 0%; }
@font-face { font-family: Roihu; src: url("../fonts/Roihu-Black.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; ascent-override: 85%; descent-override: 15%; line-gap-override: 0%; }
:root { --hpv-altura-barra: 88px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body { margin: 0; color: var(--wp--preset--color--tinta-900); background: var(--wp--preset--color--areia-50); }
body.hpv-unit-maceio { --wp--preset--color--grupo-mar-950: var(--wp--preset--color--maceio-mar-950); --wp--preset--color--grupo-mar-900: var(--wp--preset--color--maceio-mar-900); --wp--preset--color--grupo-mar-800: var(--wp--preset--color--maceio-mar-800); --wp--preset--color--grupo-mar-700: var(--wp--preset--color--maceio-mar-700); --wp--preset--color--grupo-mar-500: var(--wp--preset--color--maceio-mar-500); --wp--preset--color--grupo-mar-400: var(--wp--preset--color--maceio-mar-400); --wp--preset--color--grupo-mar-300: var(--wp--preset--color--maceio-mar-300); --wp--preset--color--grupo-mar-100: var(--wp--preset--color--maceio-mar-100); --wp--preset--color--grupo-mar-50: var(--wp--preset--color--maceio-mar-50); }
body.hpv-unit-praia-do-frances { --wp--preset--color--grupo-mar-950: var(--wp--preset--color--frances-mar-950); --wp--preset--color--grupo-mar-900: var(--wp--preset--color--frances-mar-900); --wp--preset--color--grupo-mar-800: var(--wp--preset--color--frances-mar-800); --wp--preset--color--grupo-mar-700: var(--wp--preset--color--frances-mar-700); --wp--preset--color--grupo-mar-500: var(--wp--preset--color--frances-mar-500); --wp--preset--color--grupo-mar-400: var(--wp--preset--color--frances-mar-400); --wp--preset--color--grupo-mar-300: var(--wp--preset--color--frances-mar-300); --wp--preset--color--grupo-mar-100: var(--wp--preset--color--frances-mar-100); --wp--preset--color--grupo-mar-50: var(--wp--preset--color--frances-mar-50); --wp--preset--color--areia-100: var(--wp--preset--color--areia-frances); --wp--preset--color--areia-200: var(--wp--preset--color--areia-frances-200); }
a { color: var(--wp--preset--color--grupo-mar-700); text-underline-offset: 0.18em; }
a:hover { color: var(--wp--preset--color--grupo-mar-500); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button, .wp-element-button { min-height: 44px; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--wp--preset--color--limite); outline-offset: 3px; }
.wp-block-button__link, .hpv-button { display: inline-flex; align-items: center; justify-content: center; padding: 0.8rem 1.45rem; border: 0; border-radius: 999px; background: var(--wp--preset--color--grupo-mar-700); color: var(--wp--preset--color--branco); font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; }
button,
.wp-element-button,
.hpv-home__pill a,
.hpv-header__checkin a,
.hpv-unit-nav__link a,
.hpv-unit-rooms__filters button,
.hpv-home-room-tabs button,
.hpv-blog-filters__chip,
.hpv-compare__chip,
.hpv-cookie-banner__actions button,
.hpv-lightbox__nav,
.hpv-lightbox__close,
.hpv-booking__mobile-toggle,
.hpv-booking__guest-done,
.hpv-room-card__dates,
.hpv-room-card__details,
.hpv-room-card__foot > a,
.hpv-room-reserve__go,
.home .hpv-footer__socials a { align-items: center; justify-content: center; text-align: center; }
button,
.hpv-cookie-banner__actions button,
.hpv-lightbox__close,
.hpv-room-card__dates,
.hpv-room-reserve__go,
.hpv-booking__guest-done,
.hpv-unit-rooms__filters button,
.hpv-home-room-tabs button { display: inline-flex; }
.wp-block-button__link:hover, .hpv-button:hover { background: var(--wp--preset--color--grupo-mar-800); color: var(--wp--preset--color--branco); }
.hpv-eyebrow { margin: 0 0 0.6rem; color: var(--wp--preset--color--grupo-mar-500); font-size: var(--wp--preset--font-size--pequeno); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.hpv-review-note { padding: 0.8rem 1rem; border-left: 4px solid var(--wp--preset--color--limite); background: var(--wp--preset--color--areia-100); font-size: var(--wp--preset--font-size--pequeno); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.textura-grao-clara { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.18'/%3E%3C/svg%3E"); background-size: 180px 180px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }