/*
Theme Name: GR Saúde Hospitalar - Quality Style Final
Theme URI: https://grsaude.med.br
Author: GR Saúde Hospitalar
Description: Tema institucional claro premium inspirado em distribuidora hospitalar, com páginas separadas e ícones corretos.
Version: 8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gr-saude
*/

:root{
  --blue:#062f63;
  --blue2:#0b66c3;
  --blue3:#eaf4ff;
  --text:#152238;
  --muted:#5f7188;
  --border:#dbe8f5;
  --bg:#f7fbff;
  --white:#ffffff;
  --shadow:0 14px 34px rgba(6,47,99,.10);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;height:auto}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:var(--blue);color:#fff;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 0}
.header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:99}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo img{height:82px;width:auto}
.menu{display:flex;align-items:center;gap:28px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase}
.menu a{padding:36px 0;border-bottom:3px solid transparent}
.menu a:hover{border-color:var(--blue2);color:var(--blue2)}
.mobile-toggle{display:none;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:900}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:10px;padding:12px 20px;border:1px solid transparent;font-size:13px;font-weight:800;text-transform:uppercase;line-height:1;transition:.2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 20px rgba(11,102,195,.18)}
.btn-outline{background:#fff;color:var(--blue);border-color:var(--border)}
.btn-whatsapp{background:#25D366;color:#fff}
.btn-instagram{background:#E4405F;color:#fff}
.btn-email{background:var(--blue);color:#fff}
.social-svg{width:20px;height:20px;display:block;fill:currentColor;flex:0 0 20px}
.float-buttons{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px;z-index:999}
.float-btn{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.float-btn .social-svg{width:29px;height:29px}
.float-whatsapp{background:#25D366}
.float-instagram{background:#E4405F}
.float-email{background:var(--blue2)}
.hero{background:linear-gradient(105deg,#ffffff 0%,#ffffff 52%,#eaf4ff 100%);border-bottom:1px solid var(--border)}
.hero-inner{min-height:555px;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;padding:58px 0}
.kicker{color:var(--blue2);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
h1{font-size:clamp(38px,4.7vw,62px);line-height:1.03;margin:0 0 18px;color:var(--blue);letter-spacing:-1.4px}
h2{font-size:clamp(28px,3vw,42px);line-height:1.14;margin:0 0 12px;color:var(--blue);letter-spacing:-.6px}
h3{margin:0 0 8px;color:var(--blue)}
p{margin:0 0 14px;color:var(--muted)}
.lead{font-size:18px;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-panel{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:36px}
.medical-visual{height:180px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:22px}
.medical-visual svg{width:94px;height:94px;fill:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.quick{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;font-weight:800;color:var(--blue);box-shadow:0 7px 18px rgba(6,47,99,.05)}
section{padding:72px 0}
.section-title{max-width:780px;margin:0 auto 38px;text-align:center}
.section-title.left{text-align:left;margin-left:0}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 8px 24px rgba(6,47,99,.055)}
.card-icon{width:52px;height:52px;border-radius:16px;background:var(--blue3);color:var(--blue2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.card-icon svg{width:28px;height:28px;fill:currentColor;display:block}
.page-hero{background:linear-gradient(135deg,var(--blue),#0a4c98);color:#fff;padding:66px 0}
.page-hero h1{color:#fff;font-size:48px}
.page-hero p{color:#dcecff;max-width:760px;font-size:18px}
.clean-box{background:#fff;border:1px solid var(--border);border-radius:22px;padding:34px;box-shadow:var(--shadow)}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.partner{background:#fff;border:1px solid var(--border);border-radius:18px;min-height:115px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-shadow:0 7px 20px rgba(6,47,99,.055)}
.partner strong{font-size:23px;color:var(--blue);letter-spacing:-.5px}
.partner span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;display:block;margin-top:4px}
.contact-line{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}
.contact-line:last-child{border-bottom:0}
.form input,.form textarea{width:100%;padding:15px;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;font:inherit;background:#fff}
.form textarea{min-height:130px}
.footer{background:var(--blue);color:#d9eaff;padding:48px 0 20px}
.footer p,.footer a{color:#d9eaff;font-size:14px}
.footer h4{color:#fff;margin:0 0 12px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:28px}
.footer-logo{height:82px;width:auto;margin-bottom:12px;filter:brightness(0) invert(1)}
.copy{border-top:1px solid rgba(255,255,255,.18);margin-top:28px;padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:940px){
  .topbar .container{display:block;text-align:center}
  .mobile-toggle{display:block}
  .nav{height:90px}
  .logo img{height:72px}
  .menu{display:none;position:absolute;left:0;right:0;top:90px;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--border)}
  .menu.open{display:flex}
  .menu a{padding:16px 24px;border-bottom:1px solid var(--border)}
  .header .btn-primary{display:none}
  .hero-inner,.grid-2,.grid-3,.grid-4,.quick-grid,.footer-grid,.partner-grid{grid-template-columns:1fr}
  .hero-inner{min-height:auto;padding:42px 0}
  section{padding:52px 0}
}

/* Ajuste final: ícone de saúde com cruz médica correta */
.medical-visual svg{max-width:92px;max-height:92px}
.card-icon svg{display:block}
