/*
Theme Name: Arma tu Estilo
Theme URI: https://example.com/
Author: Arma tu Estilo
Description: Plantilla base para tienda de ropa femenina.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: arma-tu-estilo
*/
:root{--red:#FF5A5F;--yellow:#FFD166;--white:#fff;--dark:#2E2E2E;--light:#f7f7f7}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--dark);background:var(--white);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}
.site-header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-size:24px;font-weight:800;color:var(--red)}.menu{display:flex;gap:20px;flex-wrap:wrap}.menu a:hover{color:var(--red)}
.hero{padding:85px 0;background:linear-gradient(120deg,#fff 50%,#fff5f5)}
.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:0 0 18px}.hero p{font-size:20px;max-width:600px}
.btn{display:inline-block;background:var(--red);color:#fff;padding:13px 22px;border-radius:8px;font-weight:700;border:0;cursor:pointer}.btn.alt{background:var(--yellow);color:var(--dark)}
.section{padding:60px 0}.section h2{text-align:center;font-size:32px;margin:0 0 30px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}.card-img{height:250px;background:#eee;display:flex;align-items:center;justify-content:center;color:#777}.card-body{padding:18px}.price{font-weight:800;font-size:18px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{padding:30px 15px;border-radius:12px;background:var(--light);text-align:center;font-weight:700}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit{text-align:center;padding:25px;background:#fafafa;border-radius:12px}
.site-footer{background:var(--dark);color:#fff;padding:45px 0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
@media(max-width:800px){.grid,.categories,.benefits{grid-template-columns:repeat(2,1fr)}.header-inner{align-items:flex-start;padding:15px 0;flex-direction:column}.menu{gap:12px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:500px){.grid,.categories,.benefits{grid-template-columns:1fr}}