body {
  background: #f1f9ff;
  padding-top: 80px;
}

/* Buscador */
.buscador {
  text-align: center;
}

#buscador {
   margin-top: 5%;
  width: 80%;
  max-width: 400px;
  padding: 10px 15px;
  border: 2px solid #00b4d8;
  border-radius: 20px;
  outline: none;
  font-size: 1em;
}

/* Contenedor de productos */
.productos-container {
   margin-top: 10%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  padding: 0 20px 40px;
}

/* Tarjeta de producto */
.producto {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  overflow: hidden;
  text-align: center;
  padding: 15px;
  transition: transform 0.2s ease;
}

.producto:hover {
  transform: translateY(-5px);
}

.producto img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}

.producto h3 {
  margin: 10px 0 5px;
  font-size: 1.1em;
  color: #023e8a;
}

.producto p {
  color: #0077b6;
  font-weight: 600;
  margin-bottom: 10px;
}

.producto a {
  display: inline-block;
  background: #05ca26;
  color: white;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
}

.producto a:hover {
  background: #00b66a;
}






/* Catálogo de productos */
.productos-container{max-width:1200px;margin:0 auto;padding:25px 20px 50px}
.categoria-productos{margin:0 0 42px}
.categoria-productos>h2{margin:0 0 22px;padding-bottom:12px;border-bottom:2px solid #dceef2;color:#073b4c;font-size:clamp(1.35rem,2.5vw,1.8rem)}
.productos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:22px}
.productos-grid .producto{display:flex;flex-direction:column;padding:18px;background:#fff;border:1px solid #e4ecef;border-radius:15px;box-shadow:0 5px 18px rgba(7,59,76,.07);transition:transform .2s ease,box-shadow .2s ease}
.productos-grid .producto:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(7,59,76,.12)}
.productos-grid .producto img{width:100%;height:205px;object-fit:contain;margin-bottom:15px}
.productos-grid .producto h3{margin:0 0 12px;color:#263b45;font-size:1rem;line-height:1.55}
.productos-grid .producto .producto-precio{margin:auto 0 16px;padding-top:12px;color:#007f86;font-size:1.35rem;font-weight:800}
.productos-grid .producto .btn{display:block;padding:12px;background:#007f86;border-radius:8px;color:#fff;text-align:center;text-decoration:none;font-weight:700}
.productos-grid .producto .btn:hover{background:#005f65}
.buscador{max-width:650px;margin:28px auto;padding:0 20px}
.buscador label{display:block;margin-bottom:8px;font-weight:700;color:#073b4c}
.buscador input{box-sizing:border-box;width:100%;padding:13px 15px;border:1px solid #cbdde2;border-radius:10px;font:inherit}
.buscador input:focus{outline:2px solid #007f86;outline-offset:2px}
.sin-resultados{text-align:center;padding:35px 15px;color:#53656d}
@media(max-width:600px){.productos-container{padding:20px 14px 35px}.productos-grid{gap:16px}.productos-grid .producto img{height:180px}}
@media(prefers-reduced-motion:reduce){.productos-grid .producto{transition:none}.productos-grid .producto:hover{transform:none}}