/* === Productos del Canal · Boaz Soluciones (paleta navy/cyan del sitio) === */
.canal-main{background:#0d2140;color:#e8f4fb;padding:0 0 90px;min-height:100vh}

/* Hero */
.canal-hero{max-width:940px;margin:0 auto;padding:118px 24px 34px;text-align:center}
.canal-eyebrow{display:inline-block;color:#00c8f0;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.canal-hero h1{margin:0;color:#f0f8ff;font-size:clamp(32px,5.4vw,58px);font-weight:200;letter-spacing:-.02em;line-height:1.1}
.canal-lead{max-width:660px;margin:18px auto 0;color:#a8c4dc;font-size:clamp(15px,1.7vw,18px);font-weight:300;line-height:1.65}
.canal-hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.canal-yt-btn,.canal-shop-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:980px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.canal-yt-btn{background:#ff0000;color:#fff;box-shadow:0 12px 32px rgba(255,0,0,.28)}
.canal-yt-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(255,0,0,.4)}
.canal-yt-ico svg{width:22px;height:22px;display:block}
.canal-shop-btn{background:transparent;border:2px solid #00c8f0;color:#00c8f0}
.canal-shop-btn:hover{transform:translateY(-2px);background:rgba(0,200,240,.1)}

/* Buscador */
.canal-search-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.canal-search{display:flex;align-items:center;gap:12px;padding:0 20px;border-radius:16px;background:rgba(22,51,84,.72);border:1px solid rgba(0,180,216,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .2s ease,box-shadow .2s ease}
.canal-search:focus-within{border-color:#00c8f0;box-shadow:0 0 0 4px rgba(0,200,240,.13)}
.canal-search-ico{flex:0 0 auto;color:#5fa8cd}
.canal-search-ico svg{width:20px;height:20px;display:block}
.canal-search input{flex:1;min-width:0;padding:17px 0;border:0;outline:0;background:transparent;color:#eaf6ff;font-size:15.5px;font-family:inherit}
.canal-search input::placeholder{color:#7ba0bd}
.canal-count{margin:12px 2px 0;color:#7ba0bd;font-size:13px;letter-spacing:.02em}

/* Grilla */
.canal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;max-width:1180px;margin:22px auto 0;padding:0 24px}
.canal-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,rgba(22,51,84,.92),rgba(13,33,64,.94));border:1px solid rgba(0,180,216,.22);box-shadow:0 14px 38px rgba(0,0,0,.26);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.canal-card:hover{transform:translateY(-5px);border-color:rgba(0,200,240,.6);box-shadow:0 26px 58px rgba(0,180,216,.2)}
.canal-card-img{display:block;background:#fff;padding:18px;text-align:center}
.canal-card-img img{width:100%;height:186px;object-fit:contain;display:block}
.canal-card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.canal-card-brand{color:#00c8f0;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.canal-card-code{margin:8px 0 0;color:#f0f8ff;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.28}
.canal-card-desc{margin:10px 0 0;color:#9fbdd6;font-size:13.5px;font-weight:300;line-height:1.55}
.canal-card-foot{margin-top:auto;padding-top:18px}
.canal-card-price{display:block;color:#00f5a0;font-size:21px;font-weight:700;letter-spacing:-.01em}
.canal-card-actions{display:flex;gap:9px;margin-top:14px}
.canal-btn{flex:1;padding:11px 14px;border-radius:980px;border:0;font-size:13.5px;font-weight:600;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.canal-btn-main{background:linear-gradient(135deg,#00c8f0,#0096c7);color:#06223c}
.canal-btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,200,240,.32)}
.canal-btn-ghost{background:transparent;border:1px solid rgba(0,200,240,.45);color:#7fd8f2}
.canal-btn-ghost:hover{border-color:#00c8f0;background:rgba(0,200,240,.1);color:#bdefff}
.canal-btn-ghost.is-copied{background:#00f5a0;border-color:#00f5a0;color:#06223c}

.canal-empty{max-width:1180px;margin:26px auto 0;padding:0 24px;color:#7ba0bd;text-align:center;font-size:15px}

/* CTA final */
.canal-cta{max-width:1180px;margin:64px auto 0;padding:44px 30px;border-radius:26px;text-align:center;background:linear-gradient(135deg,rgba(22,51,84,.9),rgba(13,33,64,.9));border:1px solid rgba(0,180,216,.28)}
.canal-cta h2{margin:0;color:#f0f8ff;font-size:clamp(21px,2.8vw,30px);font-weight:300;letter-spacing:-.01em}
.canal-cta p{margin:12px auto 24px;max-width:520px;color:#a8c4dc;font-size:15px;font-weight:300;line-height:1.6}
.canal-wa{display:inline-block;padding:15px 36px;border-radius:980px;background:linear-gradient(135deg,#25D366,#15a45a);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 12px 30px rgba(37,211,102,.3);transition:transform .2s ease,box-shadow .2s ease}
.canal-wa:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(37,211,102,.42)}

@media(max-width:900px){
  .canal-hero{padding:96px 20px 26px}
  .canal-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 16px}
  .canal-search-wrap{padding:0 16px}
  .canal-card-img img{height:150px}
}
@media(max-width:520px){
  .canal-grid{grid-template-columns:1fr}
  .canal-hero-actions{flex-direction:column;align-items:stretch}
  .canal-yt-btn,.canal-shop-btn{justify-content:center}
  .canal-cta{margin-top:44px;padding:34px 20px}
}

/* === V111: filtros, badges y refuerzo comercial === */
.canal-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.canal-trust-item{display:flex;flex-direction:column;align-items:center;min-width:118px;padding:12px 18px;border-radius:14px;background:rgba(22,51,84,.6);border:1px solid rgba(0,180,216,.24)}
.canal-trust-item b{color:#00c8f0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.canal-trust-item span{margin-top:3px;color:#8fb2ce;font-size:11.5px;font-weight:400;letter-spacing:.03em}

.canal-tools{max-width:1180px;margin:0 auto;padding:0 24px}
.canal-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.canal-chip{padding:9px 17px;border-radius:980px;border:1px solid rgba(0,180,216,.32);background:rgba(22,51,84,.5);color:#9fc7de;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}
.canal-chip:hover{border-color:#00c8f0;color:#dff5ff}
.canal-chip.is-active{background:linear-gradient(135deg,#00c8f0,#0096c7);border-color:transparent;color:#06223c}

.canal-card-img{position:relative}
.canal-badge-star{position:absolute;top:10px;left:10px;z-index:2;padding:5px 11px;border-radius:980px;background:#ff0000;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px rgba(255,0,0,.34)}

.canal-btn-wa{background:linear-gradient(135deg,#25D366,#15a45a);color:#fff}
.canal-btn-wa:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,211,102,.32)}
.canal-card-actions{flex-wrap:wrap}
.canal-card-actions .canal-btn{flex:1 1 calc(50% - 5px);min-width:96px}
.canal-card-actions .canal-btn-ghost{flex:1 1 100%}

@media(max-width:520px){
  .canal-trust-item{min-width:calc(50% - 6px);padding:10px 12px}
  .canal-chips{gap:7px}
  .canal-chip{padding:8px 13px;font-size:12px}
}

/* === V112: destacado de productos del canal === */
.canal-chip-star{border-color:rgba(255,0,0,.5);color:#ff9a9a}
.canal-chip-star:hover{border-color:#ff0000;color:#ffd0d0}
.canal-chip-star.is-active{background:linear-gradient(135deg,#ff2b2b,#c00);border-color:transparent;color:#fff}
.canal-card.is-star{border-color:rgba(255,0,0,.34);box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 0 1px rgba(255,0,0,.1)}
.canal-card.is-star:hover{border-color:rgba(255,60,60,.75);box-shadow:0 28px 60px rgba(255,0,0,.16)}
.canal-card-tema{display:block;margin-top:7px;color:#ffb4b4;font-size:12.5px;font-weight:600;letter-spacing:.01em}

/* === V113: tarjetas con logo de marca (sin foto de producto) y precio a consultar === */
.canal-card-img.is-logo{background:linear-gradient(135deg,#f4fbff,#e6f4ff);display:flex;align-items:center;justify-content:center}
.canal-card-img.is-logo img{height:110px;width:auto;max-width:74%;object-fit:contain;opacity:.92}
.canal-card-price.is-ask{color:#7fd8f2;font-size:17px;font-weight:600}

/* === V114: fotos de tarjeta en mejor tamaño === */
.canal-card-img{padding:16px;min-height:210px;display:flex;align-items:center;justify-content:center}
.canal-card-img img{width:auto;max-width:100%;height:auto;max-height:190px;object-fit:contain}
@media(max-width:900px){
  .canal-card-img{min-height:170px}
  .canal-card-img img{max-height:155px}
}