/*
Theme Name: Mercato360 Conceito 3D
Theme URI: https://example.com/
Author: Mercato360
Description: Landing page responsiva para apresentar o conceito do supermercado virtual imersivo Mercato360 3D.
Version: 1.0.1
Requires at least: 6.0
License: GPL-2.0-or-later
Text Domain: mercato360
*/
:root{--green:#078b36;--dark:#073d28;--ink:#14251b;--muted:#637268;--pale:#eff9f1;--orange:#ffb42e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,90%);margin:auto}h1,h2,h3,.brand{font-family:'League Spartan',Arial,sans-serif;line-height:1.08}h1{font-size:clamp(2.8rem,6vw,5.1rem);margin:15px 0 22px}h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 18px}h3{font-size:1.45rem;margin:12px 0}.green{color:var(--green)}.brand{display:flex;align-items:center;gap:10px;font-size:1.9rem;font-weight:800}.brand img{width:46px;height:46px}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.head nav{display:flex;align-items:center;gap:25px;font-size:.85rem;font-weight:700}.head nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border:2px solid var(--green);border-radius:999px;color:#fff;padding:14px 23px;font-size:.88rem;font-weight:700}.btn:hover{filter:brightness(.9)}.btn.alt{background:transparent;border-color:#c7e5ce;color:var(--dark)}.hero{background:radial-gradient(ellipse at 80% 20%,#1f9b51 0,transparent 38%),linear-gradient(120deg,#052f20,#087a36);color:#fff;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:72px 0}.eyebrow{font-size:.77rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#65d981}.hero p{font-size:1.08rem;max-width:580px;color:#e4f4e8}.pill{display:inline-block;border:1px solid #80d99a;border-radius:30px;padding:5px 12px;font-size:.7rem;font-weight:700;margin-bottom:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero .btn.alt{color:#fff;border-color:#b6e6c3}.hero-art{background:#ffffff0b;border:1px solid #ffffff32;border-radius:30px;padding:22px;box-shadow:0 22px 55px #001c1050}.hero-art svg{width:100%;height:auto;display:block}.small-note{font-size:.72rem;color:#c6e4cf;margin-top:14px}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px 0}.strip div{padding:8px 14px;border-right:1px solid #e1ece4;font-size:.78rem}.strip b{display:block;font-size:.9rem}.strip span{font-size:1.5rem;display:block}section{padding:78px 0}.shaded{background:#f3f9f4}.center{text-align:center}.lead{max-width:730px;color:var(--muted);margin:0 auto 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dfebe1;border-radius:20px;padding:28px;background:white;box-shadow:0 12px 30px #12351d08}.ico{font-size:2rem}.card p,.muted{color:var(--muted);font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.steps{display:grid;gap:20px}.step{display:flex;gap:14px}.num{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ddf7e3;color:var(--dark);font-weight:800}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);font-size:.9rem}.mock{background:linear-gradient(145deg,#0b7439,#053d29);border-radius:26px;padding:24px;color:white;box-shadow:0 20px 45px #093d2026}.mock-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.aisle{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.shelf{background:#e9f6ec;border-radius:12px;padding:12px;color:#173d25}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.product{background:white;border-radius:7px;text-align:center;padding:8px 3px;font-size:1.5rem}.product small{display:block;font-size:.6rem;color:#245d37}.note{padding:18px 20px;background:#fff8e8;border-left:4px solid var(--orange);border-radius:8px;font-size:.85rem;color:#5c4a21;margin-top:20px}.bullets{padding-left:0;list-style:none}.bullets li{padding:7px 0}.bullets li:before{content:'✓';color:var(--green);font-weight:900;margin-right:10px}.faq{max-width:820px;margin:auto}details{padding:18px 0;border-bottom:1px solid #dce8df}summary{font-weight:700;cursor:pointer}details p{color:var(--muted);padding-top:12px}.cta{background:linear-gradient(120deg,#043b26,#078b36);text-align:center;color:white}.cta p{max-width:700px;margin:0 auto 25px;color:#d9f1e0}.cta .btn{background:white;color:var(--dark);border-color:white}footer{background:#082d1e;color:#d8eadf;padding:28px 0;font-size:.8rem}.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.foot .brand{font-size:1.4rem}.foot .brand img{width:34px;height:34px}.foot .brand span{color:#62df80}.fine{font-size:.72rem;color:#a9c8b4}@media(max-width:850px){.head nav{gap:12px;font-size:.75rem}.hero-layout,.split{grid-template-columns:1fr}.hero-layout{padding:55px 0}.hero-art{max-width:600px;margin:auto}.strip{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}}@media(max-width:580px){.head{align-items:flex-start}.head nav{display:none}.cards,.strip{grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid #e1ece4}.hero-layout{gap:25px}section{padding:58px 0}.brand{font-size:1.6rem}.brand img{width:40px;height:40px}}