/*
Theme Name: Espacio Escondido
Theme URI: https://espacioescondido.cl/
Author: {"William (billyhux)"} + ChatGPT helper
Author URI: https://www.instagram.com/espacioescondido.cl/
Description: Tema pastel-kawaii con grilla de productos, CTA mayorista y topbar informativo. Liviano y listo para personalizar.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: espacio-escondido
*/

/* Reset mínimo */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #fff7fb; color:#222; font-family: 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.5; }

/* Utilidades */
.container { width: min(1200px, 92%); margin-inline: auto; }
.btn { display:inline-block; padding:10px 16px; border-radius:999px; text-decoration:none; font-weight:800; box-shadow:0 6px 18px rgba(0,0,0,.06); }
.btn-primary { background:#ff7ab7; color:white; }
.btn-outline { background:white; color:#ff7ab7; border:2px solid #ff7ab7; }

.topbar { background:#ff7ab7; color:white; text-align:center; padding:8px 12px; font-weight:700; font-size:14px; }
.site-header { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:16px 0; }
.site-branding { display:flex; gap:12px; align-items:center; }
.site-title { margin:0; font-size:22px; }
.site-description { margin:0; color:#777777; font-size:12px; }
.site-logo { width:56px; height:56px; border-radius:12px; object-fit:cover; box-shadow:0 6px 18px rgba(0,0,0,.06); }


.primary-nav a { text-decoration:none; color:#333; font-weight:700; }
.primary-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:14px; flex-wrap:wrap; }

.hero { padding: 10px 0 0; }
.hero h2 { font-size:24px; margin:6px 0 12px; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:18px; margin: 18px 0 36px; }
.card { background:white; border-radius:14px; padding:12px; box-shadow:0 6px 18px rgba(0,0,0,.06); display:flex; flex-direction:column; gap:8px; }
.card img { width:100%; height:180px; object-fit:cover; border-radius:10px; }
.card h3 { margin:0; font-size:16px; }
.price { margin-top:auto; font-weight:900; color:#ff7ab7; }
.badge { background:#ffd6e8; display:inline-block; padding:6px 10px; border-radius:999px; font-size:12px; }
.site-footer { background:white; border-top:1px solid #f0e6ef; color:#777777; padding:22px 0; }
.footer-flex { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.right { margin-left:auto; }

.b2b-cta { display:flex; gap:10px; flex-wrap:wrap; margin:12px 0; }

@media (max-width: 720px) {
  .site-header { flex-direction:column; align-items:flex-start; }
}