*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#202027;font:16px system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.65;color:#666975}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(32px,5vw,58px);line-height:1.08}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}header{background:white;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;align-items:center;font-size:17px;gap:9px}.brand img{height:52px;width:60px;object-fit:contain}.brand span,.orange{color:#ff7000}.nav nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:700}button,.btn{border:0;display:inline-block;border-radius:12px;background:#ff7000;color:white;padding:13px 19px;font-weight:800;cursor:pointer;text-align:center}button:hover,.btn:hover{filter:brightness(.95)}.btn.secondary{background:#242429}.btn.line{background:#fff;color:#242429;border:1px solid #ddd}.section{padding:55px 0}.hero{background:#18191f;color:white;padding:72px 0}.hero p{color:#cbcdd2;font-size:19px}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.heroimg{width:100%;max-height:280px;object-fit:contain;filter:drop-shadow(0 20px 30px #0009);border-radius:22px}.eyebrow{color:#ff9b56;letter-spacing:.15em;font-weight:800;font-size:12px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:#fff;border:1px solid #e5e5eb;border-radius:18px;padding:25px;box-shadow:0 12px 35px #10102207}.panel h3{margin:9px 0}.panel p{font-size:14px}.icon{font-size:33px}.muted{color:#737782}.small{font-size:13px}.tag{font-size:11px;background:#fff0e4;color:#a54b02;border-radius:30px;padding:6px 10px;font-weight:800;display:inline-block}.white{background:#fff}.gridtwo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;font-weight:750;font-size:13px;margin:13px 0}input,select,textarea{display:block;margin-top:6px;border:1px solid #dadce2;border-radius:10px;padding:12px;width:100%;background:white;color:#202027;font:inherit}textarea{min-height:95px}button:disabled{opacity:.45;cursor:not-allowed}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #eee;padding:12px 8px}th{color:#666;font-size:12px}.overflow{overflow:auto}.error{padding:12px;background:#ffe6df;color:#963d28;border-radius:9px}.success{padding:12px;background:#e0f7e9;color:#235b38;border-radius:9px}.adminnav{display:flex;gap:10px;flex-wrap:wrap;padding-top:20px}.adminnav a{background:#fff;padding:10px 13px;border-radius:9px;border:1px solid #ddd;font-weight:700;font-size:13px}footer{background:#18191f;color:#dedee2;padding:28px 0;font-size:13px}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}footer strong{color:white}.checkout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.price{font-size:23px;font-weight:850}.hint{background:#fff4e9;padding:15px;border-radius:12px;border:1px solid #ffdbb8}@media(max-width:850px){.hero .wrap{grid-template-columns:1fr}.heroimg{max-height:170px}.cards.four{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.gridtwo,.checkout{grid-template-columns:1fr}.nav{align-items:flex-start;padding-top:10px;padding-bottom:13px;flex-direction:column}.nav nav{gap:10px;font-size:12px}.section{padding:35px 0}}
/* ===== AJUSTE VISUAL CATÁLOGO Y DETALLE DE NEGOCIO ===== */
.business-hero{
  padding:32px;
  min-height:auto;
}

.business-hero h1{
  margin:10px 0 14px;
}

.business-hero p{
  margin:0 0 10px;
}

.catalog-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:22px;
  align-items:start;
}

.product-card{
  background:#fff;
  border:1px solid #e5e5eb;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 35px #10102207;
}

.product-card-image{
  width:100%;
  aspect-ratio: 4 / 3;
  background:#f3f4f7;
  overflow:hidden;
}

.product-card-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.product-card-body{
  padding:18px;
}

.product-card h3{
  margin:8px 0 10px;
  font-size:24px;
}

.product-card p{
  margin:0 0 14px;
  font-size:14px;
}

.product-card .price{
  font-size:20px;
  font-weight:850;
  margin-bottom:12px;
}

.product-card .field{
  margin:10px 0 14px;
}

.product-card input[type="number"]{
  max-width:120px;
}

.product-card .btn,
.product-card button{
  width:100%;
}

.thumb{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #e5e5eb;
  display:block;
  margin-bottom:8px;
}

.product-detail-image img{
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid #e5e5eb;
  display:block;
}

@media (max-width: 850px){
  .catalog-grid{
    grid-template-columns:1fr;
  }

  .product-card-image{
    aspect-ratio: 4 / 3;
  }

  .product-detail-image img{
    max-height:280px;
  }
}

/* SINERGIA GO - CORRECCION FOTOGRAFIAS */

/* Fotografia principal del negocio */
.business-img {
    display: block;
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 20px;
}

/* Imagen de producto */
.listing-img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
}

/* Tarjetas del catalogo */
.cards.four > .panel {
    min-width: 0;
    padding: 15px;
    overflow: hidden;
}

.cards.four > .panel h3 {
    font-size: 19px;
    line-height: 1.3;
}

.cards.four > .panel .price {
    color: #ff7000;
    margin: 12px 0;
}

/* Ajustes celulares */
@media (max-width: 600px) {
    .cards.four {
        grid-template-columns: 1fr;
    }

    .listing-img {
        height: 220px;
    }

    .business-img {
        max-height: 220px;
    }
}