/*
Theme Name: Position Pet Distribuidora
Theme URI: https://positionpet.com.br
Author: Agência
Description: Tema institucional B2B da Position Pet Distribuidora (distribuidora autorizada Heel Vet). Versão de homologação.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: position-pet
*/

body{margin:0;font-family:'Poppins',system-ui,sans-serif;color:#3A4646;background:#FFFFFF}
a{color:#0D5556}a:hover{color:#093E3F}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.hero{display:flex;gap:56px;align-items:center}
.nav{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.ttl{font-size:44px;line-height:1.08;font-weight:800;text-transform:uppercase;letter-spacing:-0.01em;margin:0}
.h1{font-size:50px;line-height:1.05;font-weight:800;text-transform:uppercase;letter-spacing:-0.015em;margin:0}
@media (max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(1,minmax(0,1fr))}.hero{flex-direction:column;align-items:flex-start}.g2{grid-template-columns:repeat(1,minmax(0,1fr))}.nav{display:none}}
@media (max-width:640px){.pp-quote{left:12px!important;right:12px}.wrap{padding:0 16px}.g4{grid-template-columns:repeat(1,minmax(0,1fr))}.ttl{font-size:30px}.h1{font-size:36px}}

/* ---- tema WordPress ---- */
.pp-menu{display:none;position:relative}
.pp-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #E7E7E7}
.pp-menu summary::-webkit-details-marker{display:none}
.pp-menu nav{position:absolute;right:0;top:52px;background:#FFFFFF;border:1px solid #E7E7E7;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:10px;display:flex;flex-direction:column;min-width:240px;z-index:50}
.pp-menu nav a{padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:500}
.pp-menu nav a:hover{background:#F6F3EC}
@media (max-width:1000px){.pp-menu{display:block}.pp-cta-top{display:none!important}}
img{max-width:100%}
html,body{overflow-x:clip}
.pp-page{padding:96px 0}
.pp-page h1{font-size:44px;line-height:1.08;font-weight:800;text-transform:uppercase;color:#0D5556;margin:0 0 24px}
.pp-page .pp-content{font-size:17px;line-height:1.7;color:#5C6666;max-width:760px}
.pp-staging{background:#C6954B;color:#093E3F;text-align:center;font-size:13px;font-weight:600;padding:6px 16px}

/* v0.2 */
.pp-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%}
.pp-logo{height:120px;border:1px solid #E7E7E7;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:20px 28px;box-sizing:border-box;background:#FFFFFF}
.pp-logo img{max-width:100%;max-height:72px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.pp-logo:hover img{filter:none;opacity:1}
.pp-logo span{font-weight:800;font-size:20px;color:#0D5556;letter-spacing:.02em}
.pp-logo-vazio{border-style:dashed;border-color:#C6954B;background:#FFFBF3}
.pp-logo-vazio span{font-weight:500;font-size:14px;color:#B07D36}
.pp-ph{display:flex;align-items:center;justify-content:center;background:#F6F3EC;color:#B07D36;font-size:13px}
@media (max-width:1000px){.pp-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-cat>div:first-child{padding:36px!important}}
@media (max-width:640px){.pp-cat h2{font-size:28px!important}}