/*
Theme Name: Hotel Luz | Links Premium
Theme URI: https://hotelluz.com.br/
Author: Hotel Luz
Description: Página premium de links na bio com 1 a 6 botões, URL amigável e personalização pelo painel.
Version: 1.6.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hotel-luz-links
*/
:root{--hl-yellow:#ffe500;--hl-gold:#efbd20;--hl-ink:#171a20;--hl-muted:#666971;--hl-white:#fff;--hl-button-width:100%;--hl-button-height:62px;--hl-button-gap:13px}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hl-ink);background:#111821}a{text-decoration:none;color:inherit}button,input,select{font:inherit}

.hl-stage{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:25px 16px;overflow:hidden;background:#111821}.hl-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#343331 0%,#10151b 73%);z-index:-2}.hl-stage::after{content:"";position:absolute;left:-12vw;top:-4vw;width:min(48vw,520px);height:min(48vw,520px);border:85px solid rgba(238,199,55,.18);border-radius:50%;z-index:-1}.hl-stage.has-bg{background-image:radial-gradient(circle at center, rgba(13,16,21,.18), rgba(13,16,21,.65))}
.hl-shell{width:min(100%,435px);position:relative}.hl-card{min-height:min(820px,calc(100dvh - 60px));padding:330px 30px 42px;position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(9,13,20,.02) 0%,rgba(9,13,20,.12) 36%,rgba(8,12,18,.66) 100%),var(--hl-background);background-size:cover;background-position:center top;color:#fff;border:1px solid rgba(240,190,63,.32);box-shadow:0 22px 100px #000a,0 0 0 6px #ffffff09;border-radius:32px}.hl-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f4ce57,transparent)}.hl-card.no-logo{padding-top:282px}.hl-card.no-logo.no-heading{padding-top:238px}.hl-card.has-logo{padding-top:302px}
.hl-logo-box{margin:0 auto 10px;max-height:105px;width:135px;display:flex;align-items:center;justify-content:center}.hl-logo{display:block;max-width:100%;max-height:105px;object-fit:contain}
.hl-name{margin:8px 0 0;font-size:clamp(24px,5vw,29px);font-weight:760;letter-spacing:-1px;line-height:1.15;color:#fff;text-shadow:0 2px 6px #000c}.hl-sub{font-size:14px;line-height:1.55;color:#e5dfcf;margin:9px auto 15px;max-width:330px;text-shadow:0 2px 5px rgba(0,0,0,.35)}.hl-line{height:1px;background:linear-gradient(90deg,transparent,#ecc75799,transparent);margin:0 0 20px}
.hl-links{display:grid;gap:var(--hl-button-gap);justify-items:center}.hl-btn{width:var(--hl-button-width);display:flex;align-items:center;justify-content:center;gap:13px;min-height:var(--hl-button-height);padding:12px 18px;position:relative;font-size:16px;font-weight:750;letter-spacing:.01em;transition:transform .18s,box-shadow .18s,background .18s;border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff35,0 7px 18px #0005;text-shadow:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.hl-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff35,0 12px 22px rgba(0,0,0,.22)}.hl-btn:focus-visible{outline:3px solid #bb8500;outline-offset:3px}.hl-btn svg{width:23px;height:23px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hl-btn .hl-button-name{flex:1;text-align:center}.hl-btn.yellow{background:linear-gradient(110deg,#fee479,#ffd636 55%,#f6b928);border-color:#ffe89d;color:#161819}.hl-btn.dark{background:linear-gradient(115deg,rgba(15,19,25,.93),rgba(32,35,42,.91));color:#fff;border-color:#d4a93f}.hl-btn.light{background:rgba(253,248,235,.94);border-color:#f8de99;color:#181a20}.hl-btn.outline{background:rgba(10,15,23,.61);border-color:#f8ce58;color:#fff}.hl-btn.pill{border-radius:100px}.hl-btn.rounded{border-radius:15px}.hl-btn.square{border-radius:5px}.hl-disabled{cursor:default;opacity:.96}.hl-disabled:hover{transform:none;box-shadow:inset 0 1px 0 #ffffff35,0 7px 18px #0005}
.hl-footer{margin-top:25px;font-size:11px;color:#e8d6ad;letter-spacing:.09em;text-transform:uppercase;text-align:center}.hl-empty{font-size:13px;color:#eee;padding:12px;text-align:center}.hl-url-copy{display:block;margin:12px auto 0;text-align:center;color:#e5d7b6;font-size:11px;letter-spacing:.025em;opacity:.85}
@media(max-width:480px){.hl-card{padding:clamp(240px,68vw,330px) 22px 32px;min-height:min(780px,calc(100dvh - 34px));border-radius:25px}.hl-card.no-logo{padding-top:clamp(205px,62vw,282px)}.hl-card.no-logo.no-heading{padding-top:clamp(170px,51vw,238px)}.hl-card.has-logo{padding-top:clamp(220px,64vw,302px)}.hl-btn{min-height:max(54px,var(--hl-button-height))}.hl-stage{padding:16px 12px}}
@media(max-width:360px){.hl-card{padding-top:235px}.hl-card.no-logo{padding-top:195px}.hl-card.no-logo.no-heading{padding-top:160px}.hl-card.has-logo{padding-top:205px}.hl-btn{min-height:52px}}
@media(prefers-reduced-motion:reduce){.hl-btn{transition:none}.hl-btn:hover{transform:none}}

/* Ajuste independente da posição vertical do conjunto de botões. */
.hl-links{margin-top:var(--hl-button-offset,0px)}

/* Tela cheia opcional somente em dispositivos móveis. A área do navegador
   é respeitada; barras do próprio Chrome/Android não podem ser ocultadas via CSS. */
@media (max-width:767px) {
  html:has(body.hl-mobile-fullscreen),
  body.hl-mobile-fullscreen { height:100%; overflow:hidden; }
  body.hl-mobile-fullscreen .hl-stage {
    width:100%; height:100vh; height:100dvh; min-height:0;
    padding:0; margin:0; overflow:hidden; display:block;
  }
  body.hl-mobile-fullscreen .hl-shell {
    width:100%; max-width:none; height:100%; margin:0;
  }
  body.hl-mobile-fullscreen .hl-card,
  body.hl-mobile-fullscreen .hl-card.no-logo,
  body.hl-mobile-fullscreen .hl-card.no-logo.no-heading,
  body.hl-mobile-fullscreen .hl-card.has-logo {
    width:100%; height:100%; min-height:0; max-height:none;
    margin:0; border:0; border-radius:0; box-shadow:none;
    padding:clamp(155px,25dvh,245px) 22px 28px;
    background-position:center top; background-size:cover;
    overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
    scrollbar-width:none;
  }
  body.hl-mobile-fullscreen .hl-card::-webkit-scrollbar { display:none; }
  body.hl-mobile-fullscreen .hl-card.has-logo { padding-top:clamp(105px,16dvh,180px); }
  body.hl-mobile-fullscreen .hl-url-copy { display:none; }
  body.hl-mobile-fullscreen .hl-links { position:relative; }
}
@media (max-width:767px) and (max-height:650px) {
  body.hl-mobile-fullscreen .hl-card,
  body.hl-mobile-fullscreen .hl-card.no-logo,
  body.hl-mobile-fullscreen .hl-card.no-logo.no-heading { padding-top:clamp(85px,16dvh,125px); }
}

/* v1.6: centraliza o subtitulo independentemente dos estilos externos. */
.hl-card .hl-sub{display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;}