/* Césped Amazon - recuadros de productos */
.cam{--cam-v:#1E5631;--cam-vd:#143D22;--cam-cl:#EEF3E8;--cam-bd:#DDE5D6;--cam-tx:#1D2A1F;--cam-mu:#5B6B5D;--cam-bg:#fff;--cam-btn:#F5A623;--cam-btn-tx:#1D1D1D;
  clear:both;margin:32px auto;max-width:1000px;padding:18px;border:1px solid var(--cam-bd);border-radius:14px;background:var(--cam-cl);color:var(--cam-tx);font-size:15px;line-height:1.45;box-sizing:border-box}
.cam *{box-sizing:border-box}
.cam__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin:0 0 14px}
.cam__title{margin:0;font-size:19px;font-weight:700;color:var(--cam-vd);line-height:1.25}
.cam__ad{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--cam-mu)}
.cam__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px}
.cam a.cam__card{display:flex;flex-direction:column;background:var(--cam-bg);border:1px solid var(--cam-bd);border-radius:12px;overflow:hidden;text-decoration:none!important;color:var(--cam-tx)!important;transition:transform .15s,box-shadow .15s}
.cam a.cam__card:hover,.cam a.cam__card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,61,34,.14)}
.cam__media{display:flex;align-items:center;justify-content:center;height:120px;background:linear-gradient(135deg,#2E7D4A 0%,#1E5631 60%,#143D22 100%);color:#fff;overflow:hidden}
.cam__media--photo{background:#E9EEE4}
.cam__media img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important;border-radius:0!important}
.cam__icon{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.12)}
.cam__icon svg{width:56px;height:56px}
.cam__body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.cam__name{font-weight:700;font-size:16px;color:var(--cam-vd);line-height:1.25}
.cam__desc{color:var(--cam-mu);font-size:14px;flex:1}
.cam__btn{align-self:flex-start;margin-top:6px;padding:7px 14px;border-radius:999px;background:var(--cam-btn);color:var(--cam-btn-tx);font-weight:700;font-size:14px;line-height:1.2}
.cam a.cam__card:hover .cam__btn{filter:brightness(.95)}
.cam__note{margin:12px 0 0!important;font-size:12px!important;color:var(--cam-mu)!important;line-height:1.4}
.cam__note a{color:var(--cam-v)!important}

/* Dentro del texto: un producto en horizontal */
.cam--inline{margin:24px 0;padding:12px}
.cam--inline .cam__head{margin:0 0 8px}
.cam--inline .cam__grid{grid-template-columns:1fr}
.cam--inline a.cam__card{flex-direction:row;align-items:stretch}
.cam--inline .cam__media{width:150px;height:auto;min-height:110px;flex:none}
.cam--inline .cam__note{margin-top:8px!important}

/* Barra lateral (si el área es ancha, se muestran en fila) */
.cam--side{margin:0;padding:0;border:0;background:none;container-type:inline-size}
.cam--side .cam__head{margin:0 0 8px}
.cam--side .cam__grid{grid-template-columns:1fr;gap:10px}
.cam--side a.cam__card{flex-direction:row}
.cam--side .cam__media{width:88px;height:auto;min-height:88px;flex:none}
.cam--side .cam__icon{width:60px;height:60px}
.cam--side .cam__icon svg{width:40px;height:40px}
.cam--side .cam__body{padding:10px 12px}
.cam--side .cam__name{font-size:15px}
.cam--side .cam__desc{font-size:13px}
.cam--side .cam__btn{font-size:13px;padding:5px 11px}

@media (max-width:540px){
  .cam{padding:14px;margin:24px 0}
  .cam__grid{grid-template-columns:1fr}
  .cam a.cam__card{flex-direction:row}
  .cam__media{width:110px;height:auto;min-height:110px;flex:none}
  .cam__icon{width:66px;height:66px}
  .cam__icon svg{width:44px;height:44px}
  .cam__body{padding:10px 12px}
}

/* Modo oscuro de cesped.es */
html.cdark .cam{--cam-cl:#18241B;--cam-bd:#2C3D30;--cam-tx:#E4EBE2;--cam-mu:#A9B7AB;--cam-bg:#1F2D22;--cam-vd:#BFE3C8;--cam-v:#8FD3A4}
html.cdark .cam__media--photo{background:#24332A}
@container (min-width:520px){
  .cam--side .cam__grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
  .cam--side a.cam__card{flex-direction:column}
  .cam--side .cam__media{width:auto;height:110px}
}