* { box-sizing: border-box; }
:root { color-scheme: light; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #102344; background: linear-gradient(135deg,#e7f4ff 0%,#fff 45%,#ffe6f4 100%); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.wrap { max-width: 1200px; margin: auto; padding: 0 22px; }
.topbar { background: #102d59; color: white; padding: 14px 0; }
.toprow { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.brand { font-size: 23px; font-weight: 900; letter-spacing: -.5px; }
.brand span { color:#ff73bd; }
.nav { display:flex; gap:18px; align-items:center; font-weight:700; }
.hero { padding: 58px 0 42px; }
.hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:28px; align-items:center; }
.eyebrow { color:#e62c91; font-weight:900; text-transform:uppercase; letter-spacing:2px; font-size:13px; }
h1 { font-size: clamp(34px,5vw,58px); line-height:1.05; margin:12px 0 18px; color:#102d59; }
h1 em { color:#e62c91; font-style:normal; }
.lead { font-size:18px; line-height:1.65; max-width:650px; color:#425675; }
.hero-card { border:1px solid #d8e7fa; border-radius:24px; padding:26px; background:linear-gradient(145deg,#d9eeff,#ffe0f1); box-shadow:0 16px 42px #14396818; }
.hero-card h2 { margin:0 0 14px; font-size:24px; }
.pill { display:inline-block; background:#fff; border:1px solid #d7e4f5; border-radius:999px; padding:8px 13px; margin:5px; font-weight:700; font-size:13px; }
.cta { display:inline-block; border:0; border-radius:12px; padding:13px 18px; background:#e62c91; color:#fff; font-weight:800; margin-top:15px; }
.section { padding:28px 0 60px; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap; margin-bottom:22px; }
.section-head h2 { margin:0; font-size:32px; }
.muted { color:#63748d; }
.products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.product { border:1px solid #d9e4f2; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 10px 28px #1234560b; }
.product-img { height:190px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e2f3ff,#ffe8f5); color:#537099; font-size:14px; font-weight:800; text-align:center; padding:20px; }
.product-img img { width:100%; height:100%; object-fit:contain; }
.product-body { padding:18px; }
.product h3 { margin:0 0 8px; font-size:19px; }
.price { font-size:24px; font-weight:900; color:#e62c91; margin:12px 0; }
.specs { margin:12px 0 0; padding-left:18px; color:#526681; line-height:1.6; font-size:14px; }
.whatsapp { background:#102d59; color:#fff; padding:30px 0; }
.whatsapp-row { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.whatsapp h2 { margin:0 0 8px; }
footer { padding:20px 0; color:#6a7a91; font-size:13px; }
.admin-wrap { max-width:900px; margin:40px auto; padding:0 18px; }
.panel { background:white; border:1px solid #dbe5f2; border-radius:18px; padding:24px; box-shadow:0 12px 30px #14396812; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field { display:flex; flex-direction:column; gap:7px; margin:10px 0; }
.field label { font-weight:800; font-size:14px; }
.field input,.field textarea { border:1px solid #cad8e8; border-radius:10px; padding:12px; width:100%; background:#fff; color:#172a47; }
.field textarea { min-height:110px; resize:vertical; }
.full { grid-column:1/-1; }
.btn { border:0; border-radius:10px; padding:12px 16px; background:#173b70; color:white; font-weight:800; cursor:pointer; }
.btn-pink { background:#e62c91; }
.alert { background:#fff0f8; border:1px solid #f5badb; color:#8e1555; padding:12px; border-radius:10px; margin:12px 0; }
@media(max-width:800px) { .hero-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px) { .products,.form-grid{grid-template-columns:1fr}.hero{padding-top:35px}.nav{gap:10px;font-size:13px} }