/* /public_html/assets/css/style.css */

/* Reset básico */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Poppins', sans-serif; background:#fdf7fb; color:#333; }

a { text-decoration:none; color:inherit; }

/* Header */
header { background:#fff; padding:20px 0; box-shadow:0 2px 5px rgba(0,0,0,0.05); position:sticky; top:0; z-index:100; }
.header-container { max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.logo { font-size:1.5rem; font-weight:700; color:#d63384; }
nav { display:flex; align-items:center; gap:20px; }
nav a { font-weight:500; color:#555; transition:color .3s; }
nav a:hover { color:#d63384; }

/* Search & Filters */
.search-bar { position:relative; flex:1; margin:0 20px; }
.search-bar input {
  width:100%; padding:8px 40px 8px 15px; border:1px solid #ddd; border-radius:30px;
  transition:border-color .3s;
}
.search-bar input:focus { border-color:#d63384; outline:none; }
.search-bar button {
  position:absolute; right:5px; top:50%; transform:translateY(-50%);
  background:none; border:none; font-size:1.1rem; color:#d63384; cursor:pointer;
}

/* Hero */
.hero { background:linear-gradient(135deg, #ffe6f7 0%, #fcefff 100%); text-align:center; padding:80px 20px; }
.hero h1 { font-size:2.5rem; color:#d63384; }
.hero p { max-width:600px; margin:10px auto 20px; color:#666; }
.hero .btn-gradient {
  display:inline-block; padding:12px 30px; border-radius:30px;
  background:linear-gradient(90deg, #ff5cf5, #a229f6);
  color:#fff; font-weight:600; transition:opacity .3s;
}
.hero .btn-gradient:hover { opacity:.9; }

/* Categories Icons */
.categories { display:flex; justify-content:center; gap:40px; margin-top:40px; }
.category { text-align:center; color:#d63384; }
.category svg { width:40px; height:40px; margin-bottom:8px; }

/* Product Grid */
.container { max-width:1200px; margin:auto; padding:40px 20px; }
.product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:30px; }
.product-card {
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
  display:flex; flex-direction:column;
}
.product-card img { width:100%; height:180px; object-fit:cover; }
.product-card .info { flex:1; padding:20px; display:flex; flex-direction:column; }
.product-card .info h3 { font-size:1.2rem; margin-bottom:8px; }
.product-card .info p { flex:1; font-size:0.9rem; color:#555; margin-bottom:12px; }
.product-card .info .price { font-size:1.1rem; font-weight:600; color:#d63384; margin-bottom:12px; }
.product-card .info .btn-details {
  padding:10px; border:none; border-radius:30px;
  background:linear-gradient(90deg,#ff5cf5,#a229f6);
  color:#fff; font-weight:600; text-align:center;
  transition:opacity .3s;
}
.product-card .info .btn-details:hover { opacity:.9; }

/* Pagination */
.pagination { display:flex; justify-content:center; gap:10px; margin-top:40px; }
.pagination a {
  padding:8px 16px; border:1px solid #ddd; border-radius:30px;
  color:#555; transition:all .3s;
}
.pagination a.active,
.pagination a:hover { background:#d63384; border-color:#d63384; color:#fff; }

/* Footer */
footer { background:#fff; padding:20px 0; text-align:center; border-top:1px solid #ddd; }
footer p { color:#777; font-size:0.9rem; }
footer a { margin:0 10px; color:#555; }
footer a:hover { color:#d63384; }