/*
Theme Name: Perepau Agencia PRO FULL
Author: Pere Pau
Version: 3.0
Description: Tema profesional agencia marketing optimizado (CRO + WPO)
Text Domain: perepau
*/

:root{
 --red:#e10600; --black:#0a0a0a; --white:#ffffff; --gray:#f5f5f5;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Arial;background:#fff;color:#111;line-height:1.6}
.container{max-width:1200px;margin:auto;padding:1rem}

header{background:#000;color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav a{color:#fff;text-decoration:none}

.hero{background:linear-gradient(135deg,#000,#e10600);color:#fff;padding:6rem 1rem;text-align:center}
.btn{background:var(--red);color:#fff;padding:.8rem 1.5rem;text-decoration:none;display:inline-block}

.grid{display:grid;gap:2rem}
@media(min-width:768px){
 .grid-3{grid-template-columns:repeat(3,1fr)}
 .grid-2{grid-template-columns:1fr 1fr}
}

.card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.05)}

.clients{background:#111;color:#fff;padding:4rem 1rem;text-align:center}
.track{display:flex;gap:3rem;animation:scroll 20s linear infinite}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.faq-item button{width:100%;background:#000;color:#fff;padding:1rem;border:none;text-align:left}
.faq-content{display:none;padding:1rem;background:#eee}
.faq-item.active .faq-content{display:block}

footer{background:#000;color:#fff;padding:2rem;text-align:center}