/*
Theme Name: Giro Fácil Visual
Theme URI: https://girofacil.net/
Author: Giro Fácil
Description: Tema visual da Giro Fácil, integrado ao plugin Giro Fácil — Estoque e Simulações.
Version: 2.4.3
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: girofacil-visual
*/

:root{--gf-bg:#020817;--gf-panel:#06142f;--gf-blue:#1684ff;--gf-white:#f7f9ff;--gf-muted:#aab8d4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--gf-bg);color:var(--gf-white);font-family:'Inter',system-ui,sans-serif}a{color:inherit}
.gf-site-shell{min-height:100vh;background:linear-gradient(rgba(2,8,25,.2),rgba(2,8,25,.42)),url("assets/site-backdrop-home-v2.jpg") center top/cover fixed no-repeat}
.gf-continuity{container-type:inline-size;position:relative;width:calc(100% - 28px);max-width:1360px;margin:22px auto 30px;overflow:hidden;border:1px solid rgba(80,137,255,.24);border-radius:22px;background:#020713;box-shadow:0 26px 70px rgba(0,0,0,.5)}
.gf-topbar{position:fixed;z-index:2050;top:22px;left:50%;width:min(calc(100% - 108px),1280px);max-width:none;margin:0;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(58,119,220,.12);border-radius:15px;background:linear-gradient(90deg,rgba(2,7,19,.72),rgba(3,12,34,.64),rgba(2,7,19,.72));box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(8px);transform:translateX(-50%)}
.gf-topbar nav ul{display:flex;align-items:center;gap:clamp(9px,1.15vw,17px);margin:0;padding:0;list-style:none;white-space:nowrap}.gf-topbar nav a{padding:0 0 5px;border-bottom:2px solid transparent;text-decoration:none;text-transform:uppercase;font-size:clamp(9.5px,.82vw,11.5px);font-weight:600;letter-spacing:.12em}.gf-topbar nav a:hover,.gf-topbar nav a:focus,.gf-topbar nav a.is-active{border-color:var(--gf-blue)}
.gf-social{display:flex;align-items:center;gap:10px}.gf-social a{width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;text-decoration:none}.gf-social a:hover{background:var(--gf-blue);border-color:var(--gf-blue)}.gf-social svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gf-social svg.gf-fill{fill:#fff;stroke:none}.gf-social img{width:88px;height:34px;object-fit:contain;margin-left:8px}
.gf-static-frame{display:block;width:100%;height:calc(100dvh - 88px);min-height:690px;border:0;background:#040b22}
.gf-scroll{display:grid;gap:18px;padding:18px 0 30px;overflow-x:auto}.gf-section-image{position:relative;width:calc(100% - 28px);max-width:1360px;margin:auto;overflow:hidden;border:1px solid rgba(80,137,255,.22);border-radius:22px;background:#020713;box-shadow:0 20px 56px rgba(0,0,0,.42);scroll-margin-top:18px}.gf-section-image img{display:block;width:100%;height:auto}.gf-map-link{position:absolute;top:23%;right:6.7%;bottom:11.5%;left:42.2%;display:flex;align-items:flex-end;justify-content:flex-end;padding:2.2%;text-decoration:none}.gf-map-link span{padding:10px 15px;border:1px solid #6caeff;border-radius:999px;background:rgba(3,13,38,.86);box-shadow:0 0 18px rgba(19,123,255,.42);font-size:12px;font-weight:800;text-transform:uppercase}
.gf-page-stage{width:calc(100% - 28px);max-width:1360px;min-height:700px;margin:0 auto 20px;padding:45px;border:1px solid rgba(80,137,255,.3);border-radius:22px;background:linear-gradient(145deg,rgba(3,10,28,.94),rgba(4,15,42,.94));box-shadow:0 26px 70px rgba(0,0,0,.5)}
.gf-page-title{text-align:center;margin:12px 0 38px}.gf-page-title span{color:#5da6ff;font-size:13px;font-weight:800;letter-spacing:4px}.gf-page-title h1{margin:10px 0;font-size:clamp(38px,5vw,68px)}
.gf-consorcio-wrap{aspect-ratio:1768/890;background:#020713 url("assets/consorcio-layout-v2.png") center/100% 100% no-repeat}
.gf-financiamento-wrap{aspect-ratio:1768/890;background:#020713 url("assets/financiamento-layout-v2.png") center/100% 100% no-repeat}
.gf-cartas-wrap{aspect-ratio:1768/890;background:#020713 url("assets/cartas-layout-v2.png") center/100% 100% no-repeat}
.gf-consorcio-stage{container-type:inline-size;position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;overflow:hidden;border:0;border-radius:22px;background:transparent;box-shadow:none}
.gf-consorcio-stage .gf-simulator{position:absolute;z-index:4;top:36.8%;left:11.1%;width:35.2%;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.gf-feature-wrap,.gf-consorcio-wrap{overflow:hidden}
.gf-financiamento-stage,.gf-cartas-stage{container-type:inline-size;position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;overflow:hidden;border:0;border-radius:22px;background:transparent;box-shadow:none}
.gf-financiamento-stage .gf-simulator{position:absolute;z-index:4;top:36.8%;left:11.4%;width:35.1%}
.gf-floating-whatsapp{position:fixed;z-index:1000;right:24px;bottom:24px;width:58px;height:58px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.42);transition:transform .18s,background .18s,box-shadow .18s}.gf-floating-whatsapp:hover,.gf-floating-whatsapp:focus{background:#1fba58;box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 0 8px rgba(37,211,102,.16);outline:0;transform:translateY(-3px) scale(1.04)}.gf-floating-whatsapp svg{width:31px;height:31px;fill:#fff}
.gf-placeholder{display:grid;place-items:center;min-height:620px;text-align:center}.gf-placeholder div{max-width:720px}.gf-placeholder h1{font-size:clamp(40px,7vw,78px);margin:0}.gf-placeholder p{color:var(--gf-muted);font-size:18px;line-height:1.7}
.gf-mobile-header,.gf-mobile-page-title,.gf-mobile-feature{display:none}
body.admin-bar .gf-topbar{top:54px}
@media(max-width:1100px){.gf-continuity{width:1020px;max-width:none;margin-left:14px;margin-right:14px}.gf-topbar{overflow-x:auto}.gf-topbar nav ul{gap:16px}.gf-section-image{width:1020px;max-width:none}.gf-consorcio-wrap,.gf-feature-wrap{overflow:hidden}.gf-page-stage{padding:24px}}
@media(max-width:700px){.gf-social{display:none}.gf-page-stage{width:calc(100% - 18px)}.gf-floating-whatsapp{right:16px;bottom:16px;width:54px;height:54px}}

/* Layout mobile real: mantém o mesmo WordPress e reorganiza os componentes. */
@media(max-width:767px){
  html{scroll-padding-top:148px}
  body{overflow-x:hidden;background:#020817}
  .gf-site-shell{background:linear-gradient(rgba(2,8,25,.28),rgba(2,8,25,.5)),url("assets/site-backdrop-home-v2.jpg") center top/auto 100vh fixed no-repeat}
  .gf-mobile-header{position:sticky;z-index:2100;top:0;display:block;padding:7px 10px 8px;border-bottom:1px solid rgba(73,139,255,.24);background:linear-gradient(180deg,rgba(2,8,24,.96),rgba(2,8,24,.84));box-shadow:0 10px 28px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
  body.admin-bar .gf-mobile-header{top:46px}
  .gf-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .gf-mobile-logo{width:105px;height:34px;object-fit:contain}
  .gf-mobile-toggle{display:none}
  .gf-mobile-menu,.gf-mobile-header.is-open .gf-mobile-menu{display:block;padding:5px 0 0}
  .gf-mobile-menu ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;margin:0;padding:0;list-style:none}
  .gf-mobile-menu li{min-width:0;text-align:center}
  .gf-mobile-menu a{position:relative;display:flex;min-height:29px;align-items:center;justify-content:center;padding:4px 3px;border:0;border-radius:0;background:transparent;color:#fff;text-decoration:none;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9);font-size:clamp(7.1px,2.25vw,9px);font-weight:700;line-height:1.08;letter-spacing:.025em}
  .gf-mobile-menu a.is-active::after{position:absolute;right:20%;bottom:0;left:20%;height:2px;border-radius:2px;background:#2588ff;box-shadow:0 0 8px rgba(37,136,255,.9);content:""}
  .gf-mobile-links{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0}
  .gf-mobile-links a{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%}
  .gf-mobile-links svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .gf-mobile-links svg.gf-fill{fill:#fff;stroke:none}
  .gf-topbar{display:none}

  .gf-static-frame{height:650px;min-height:650px}
  .gf-continuity{container-type:normal;width:calc(100% - 16px);max-width:none;min-height:0;margin:10px auto 16px;border-radius:17px;overflow:hidden}
  .gf-continuity>.gf-topbar{display:none}
  .gf-consorcio-wrap,.gf-financiamento-wrap,.gf-cartas-wrap{aspect-ratio:auto;padding:15px;background:linear-gradient(150deg,rgba(4,15,42,.98),rgba(1,6,20,.98))}
  .gf-mobile-page-title{display:block;padding:8px 4px 16px;text-align:center}
  .gf-mobile-page-title span{display:block;color:#58a4ff;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
  .gf-mobile-page-title h1{margin:6px 0 0;font-size:clamp(27px,8.8vw,38px);line-height:1.05;text-transform:uppercase}
  .gf-mobile-feature{display:block;width:100%;height:auto;margin:15px 0 0;border:1px solid rgba(72,146,255,.58);border-radius:14px;box-shadow:0 0 22px rgba(21,113,255,.22)}
  .gf-consorcio-stage,.gf-financiamento-stage,.gf-cartas-stage{position:static;width:100%;height:auto;overflow:visible;border-radius:14px}
  .gf-consorcio-stage .gf-simulator,.gf-financiamento-stage .gf-simulator{position:static;width:100%;padding:20px 16px;border:1px solid rgba(55,139,255,.7);border-radius:14px;background:linear-gradient(150deg,#071a3d,#020817);box-shadow:0 0 20px rgba(20,111,255,.24)}

  .gf-scroll{gap:12px;padding:0 0 22px;overflow:visible}
  .gf-section-image{width:calc(100% - 16px);max-width:none;border-radius:16px}
  .gf-section-image picture,.gf-section-image img{display:block;width:100%;height:auto}
  .gf-map-link{top:50%;right:0;bottom:0;left:0;align-items:flex-end;justify-content:center;padding:18px}
  .gf-map-link span{font-size:11px}
  .gf-floating-whatsapp{right:14px;bottom:14px;width:56px;height:56px}
}