/*
Theme Name: Farias & Milane
Version: 1.0.1
Description: Página institucional preservada do HTML e blog integrado ao WordPress.
Author: Farias & Milane
Text Domain: farias-milane
*/

    :root {
      --cyan: #49d8ed;
      --cyan-dark: #12aeca;
      --navy: #122433;
      --navy-2: #1d3445;
      --ink: #17232e;
      --muted: #61717e;
      --light: #f5f9fb;
      --white: #ffffff;
      --line: #e6edf1;
      --shadow: 0 18px 50px rgba(18,36,51,.10);
      --radius: 22px;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink); background: var(--white); line-height: 1.6;
    }
    a { color: inherit; text-decoration: none; }
    .container { width: min(1120px, 92%); margin: 0 auto; }
    .topbar {
      background: var(--navy); color: #dce8ee; font-size: 13px;
      padding: 9px 0;
    }
    .topbar .container { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
    header {
      position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.94);
      backdrop-filter: blur(12px); border-bottom: 1px solid rgba(230,237,241,.9);
    }
    nav { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
    .nav-logo { height: 58px; width:auto; display:block; }
    .nav-links { display:flex; gap:25px; align-items:center; font-size:14px; font-weight:700; }
    .nav-links a:hover { color: var(--cyan-dark); }
    .btn {
      display:inline-flex; align-items:center; justify-content:center; gap:9px;
      padding: 14px 20px; border-radius: 999px; font-weight:800; font-size:14px;
      transition:.2s ease; border:1px solid transparent; cursor:pointer;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { background: var(--cyan); color: var(--navy); box-shadow: 0 10px 25px rgba(73,216,237,.25); }
    .btn-dark { background: var(--navy); color: white; }
    .btn-outline { border-color: #d7e3e9; background:white; }
    .hero {
      background:
        radial-gradient(circle at 85% 15%, rgba(73,216,237,.20), transparent 30%),
        linear-gradient(135deg, #f8fcfd 0%, #eefafd 100%);
      padding: 85px 0 75px; overflow:hidden;
    }
    .hero-grid { display:grid; grid-template-columns: 1.08fr .92fr; gap:70px; align-items:center; }
    .eyebrow {
      display:inline-flex; align-items:center; gap:8px; color:var(--cyan-dark);
      font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:1.7px; margin-bottom:18px;
    }
    .eyebrow::before { content:""; width:28px; height:3px; border-radius:10px; background:var(--cyan); }
    h1 { font-size: clamp(42px, 6vw, 72px); line-height:1.02; letter-spacing:-3px; color:var(--navy); margin-bottom:24px; }
    h1 span { color: var(--cyan-dark); }
    .hero p { color:var(--muted); font-size:18px; max-width:650px; margin-bottom:30px; }
    .hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
    .hero-card {
      background:white; border:1px solid var(--line); border-radius:30px; padding:34px;
      box-shadow:var(--shadow); position:relative;
    }
    .hero-card::before {
      content:""; position:absolute; width:110px; height:110px; background:var(--cyan);
      border-radius:50%; right:-32px; top:-32px; opacity:.18;
    }
    .hero-logo { width:min(270px, 70%); display:block; margin:0 auto 24px; border-radius:18px; }
    .hero-card h3 { text-align:center; color:var(--navy); font-size:21px; }
    .hero-card p { text-align:center; font-size:14px; margin:8px auto 0; }
    .stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); margin-top:25px; padding-top:20px; gap:10px; }
    .stat { text-align:center; }
    .stat strong { display:block; font-size:22px; color:var(--navy); }
    .stat small { color:var(--muted); font-size:11px; }
    section { padding:90px 0; }
    .section-head { max-width:700px; margin-bottom:45px; }
    .section-head.center { margin-left:auto; margin-right:auto; text-align:center; }
    .section-head h2 { font-size:clamp(30px,4vw,46px); line-height:1.08; letter-spacing:-1.7px; color:var(--navy); margin-bottom:14px; }
    .section-head p { color:var(--muted); font-size:17px; }
    .about { background:var(--navy); color:white; }
    .about-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap:65px; align-items:center; }
    .about .eyebrow { color:var(--cyan); }
    .about h2 { color:white; font-size:clamp(32px,4vw,50px); line-height:1.08; letter-spacing:-1.5px; margin-bottom:20px; }
    .about p { color:#c5d4dd; margin-bottom:17px; }
    .founders { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:25px; }
    .founder { border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:20px; background:rgba(255,255,255,.04); }
    .founder strong { display:block; color:white; font-size:18px; }
    .founder span { color:#9fb2bf; font-size:13px; }
    .values { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .value { padding:30px; border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 8px 30px rgba(18,36,51,.05); }
    .icon {
      width:45px; height:45px; display:grid; place-items:center; border-radius:14px;
      background:rgba(73,216,237,.16); color:var(--cyan-dark); font-weight:900; margin-bottom:18px;
    }
    .value h3 { color:var(--navy); margin-bottom:8px; font-size:20px; }
    .value p { color:var(--muted); font-size:14px; }
    .services { background:var(--light); }
    .service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
    .service {
      background:white; padding:27px; border-radius:19px; border:1px solid var(--line);
      transition:.2s ease;
    }
    .service:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:#c9edf3; }
    .service h3 { font-size:17px; color:var(--navy); margin-bottom:8px; }
    .service p { color:var(--muted); font-size:13px; }
    .audience { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
    .audience div { padding:25px 20px; border-radius:18px; background:#fff; border:1px solid var(--line); text-align:center; }
    .audience strong { display:block; color:var(--navy); font-size:18px; margin-bottom:5px; }
    .audience span { color:var(--muted); font-size:12px; }
    .reviews { background:linear-gradient(135deg,#eefdff,#fff); }
    .review-box {
      max-width:900px; margin:auto; padding:48px; border-radius:30px; background:white;
      border:1px solid var(--line); box-shadow:var(--shadow); text-align:center;
    }
    .stars { color:#f5b800; font-size:28px; letter-spacing:4px; margin-bottom:14px; }
    .review-box h2 { color:var(--navy); font-size:34px; margin-bottom:10px; }
    .review-box p { color:var(--muted); max-width:620px; margin:0 auto 25px; }
    .location-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:25px; align-items:stretch; }
    .contact-card { padding:35px; background:var(--navy); color:white; border-radius:26px; }
    .contact-card h2 { font-size:34px; line-height:1.1; margin-bottom:20px; }
    .contact-item { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.12); }
    .contact-item:last-child { border:0; }
    .contact-item small { display:block; color:#8fa7b5; text-transform:uppercase; font-size:10px; letter-spacing:1.2px; margin-bottom:3px; }
    .contact-item a, .contact-item span { color:white; font-size:14px; }
    iframe { width:100%; min-height:420px; border:0; border-radius:26px; box-shadow:var(--shadow); }
    .cta { background:var(--cyan); padding:65px 0; }
    .cta-inner { display:flex; justify-content:space-between; gap:30px; align-items:center; }
    .cta h2 { color:var(--navy); font-size:clamp(30px,4vw,46px); line-height:1.05; letter-spacing:-1.5px; }
    .cta p { color:#244454; margin-top:8px; }
    footer { background:#0c1b26; color:#9db0bc; padding:45px 0 25px; }
    .footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:35px; padding-bottom:30px; }
    .footer-logo { width:170px; background:white; border-radius:10px; margin-bottom:14px; }
    footer h4 { color:white; margin-bottom:12px; }
    footer a { display:block; font-size:13px; margin:7px 0; }
    footer a:hover { color:var(--cyan); }
    .copyright { border-top:1px solid rgba(255,255,255,.08); padding-top:20px; font-size:11px; display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; }
    .float-wa {
      position:fixed; right:22px; bottom:22px; z-index:30; width:60px; height:60px; border-radius:50%;
      display:grid; place-items:center; background:#25d366; color:white; font-size:28px;
      box-shadow:0 12px 30px rgba(0,0,0,.2); border:4px solid white;
    }
    @media (max-width: 850px) {
      .nav-links { display:none; }
      .hero-grid,.about-grid,.location-grid { grid-template-columns:1fr; }
      .hero { padding-top:55px; }
      .values,.service-grid { grid-template-columns:1fr 1fr; }
      .audience { grid-template-columns:1fr 1fr; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .cta-inner { flex-direction:column; align-items:flex-start; }
    }
    @media (max-width: 560px) {
      section { padding:65px 0; }
      .values,.service-grid,.audience,.founders,.footer-grid { grid-template-columns:1fr; }
      .hero-card { padding:25px; }
      .review-box { padding:30px 20px; }
      .topbar .container { justify-content:center; }
      h1 { letter-spacing:-2px; }
    }
  
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:999;background:white;padding:12px}.blog-wrap{padding:65px 0;min-height:55vh}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:24px;background:white}.post-card img{width:100%;height:210px;object-fit:cover;border-radius:12px}.post-card h2{font-size:24px;line-height:1.25;margin:15px 0}.post-card p{margin:15px 0}.post-card .btn{margin-top:12px}.article{max-width:800px;margin:auto;overflow-wrap:anywhere}.article h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin-bottom:18px}.article h2,.article h3{margin:28px 0 12px}.article p,.article ul,.article ol{margin-bottom:20px}.article ul,.article ol{padding-left:25px}.article img{max-width:100%;height:auto}.article a{color:var(--cyan-dark);text-decoration:underline}.article figure{max-width:100%;margin:24px 0}.post-meta{color:var(--muted);font-size:14px;margin:12px 0 25px}.pagination{margin-top:32px}.pagination a,.pagination span{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:8px}.empty-blog{padding:30px;background:var(--light);border-radius:20px}.blog-wrap h1{margin-bottom:25px}@media(max-width:850px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}nav.container{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.nav-links{order:3;width:100%;justify-content:center}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}.nav-logo{max-width:130px}nav .btn{padding:10px;font-size:12px}.contact-card{padding:22px}.contact-item a{overflow-wrap:anywhere}}