/* ============================================================
   SP — LANDINGS DE MARCA (ecosistema; piloto Dahua 2026-07-26)
   Reusa los tokens y clases de sp-home.css (sp-hero, sp-cats,
   sp-tiles, sp-feat, sp-trust). Aquí solo lo específico de marca.
   ============================================================ */

.sp-marca-hero,.sp-marca-fams,.sp-marca-feat,.sp-marca-disp,.sp-marca-cta,.sp-marca-seo{
  font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

/* Divi mete la página en secciones fullwidth: sin padding propio del builder */
.page .et_pb_fullwidth_code{padding:0;}

/* ---------- familias: 9 tiles a 3 columnas ---------- */
.sp-tiles.is-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:960px){.sp-tiles.is-3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.sp-tiles.is-3{grid-template-columns:1fr;}}

/* ---------- disponibilidad ---------- */
.sp-marca-disp .sp-trust-item{align-items:flex-start;text-align:left;justify-content:flex-start;}
.sp-marca-disp .sp-trust-item svg{margin-top:2px;}

/* ---------- copy SEO ---------- */
.sp-marca-seo{background:#fff;padding:56px 0;}
.sp-marca-seo .et_pb_row{max-width:860px;}
.sp-marca-seo h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--sp-ink);margin:0 0 16px;}
.sp-marca-seo h3{font-size:17px;font-weight:800;color:var(--sp-ink);margin:26px 0 10px;}
.sp-marca-seo p{color:#3d5468;font-size:15px;line-height:1.75;margin:0 0 14px;}
.sp-marca-seo a{color:var(--sp-navy);font-weight:600;}

/* ---------- CTA ---------- */
.sp-marca-cta{background:var(--sp-navy);padding:52px 0;text-align:center;}
.sp-marca-cta h2{color:#fff;font-size:clamp(22px,2.5vw,30px);font-weight:800;margin:0 0 10px;}
.sp-marca-cta p{color:#d7e9f8;font-size:15.5px;margin:0 auto 24px;max-width:640px;}
.sp-cta-btn{display:inline-block;background:#fff;color:var(--sp-navy);font-weight:800;font-size:15px;
  padding:13px 26px;border-radius:12px;text-decoration:none;}
.sp-cta-btn:hover{background:var(--sp-pale);color:var(--sp-navy);}
.sp-cta-btn.is-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);margin-left:10px;}
.sp-cta-btn.is-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
@media (max-width:560px){.sp-cta-btn.is-ghost{margin-left:0;margin-top:10px;}}

/* --- landings v2 (piloto 04-ago-2026): logo de marca + foto de producto en tiles --- */
.sp-marca-logo{display:block;height:clamp(48px,6vw,78px);width:auto;margin:2px auto 16px;}
.sp-tile-photo{display:flex;align-items:center;justify-content:center;height:128px;
  background:#fff;border:1px solid var(--sp-line);border-radius:12px;margin-bottom:14px;padding:10px;}
.sp-tile-photo img{max-height:104px;max-width:88%;width:auto;object-fit:contain;}
@media (max-width:560px){.sp-tile-photo{height:104px;}.sp-tile-photo img{max-height:84px;}}

/* --- burbujas de categorias hermanas en archivos de categoria (piloto 04-ago) --- */
.sp-cat-chips{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px;}
.sp-cat-chips .sp-chip{font-size:13.5px;}
.sp-cat-chips .sp-chip[aria-current="page"]{background:var(--sp-navy);border-color:var(--sp-navy);color:#fff;}

/* ── Logos de marca (05-ago-2026) ─────────────────────────────── */
.dh-product-top-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;}
img.sp-brand-logo-ficha{height:30px !important;width:auto !important;max-width:170px !important;object-fit:contain;display:block;}
.sp-brand-logo-ficha-link{flex:0 0 auto;line-height:0;}
.dh-archive-header{display:flex;align-items:center;justify-content:space-between;gap:18px;}
img.sp-brand-logo-cat{height:44px !important;width:auto !important;max-width:230px !important;object-fit:contain;display:block;}
.sp-brand-logo-cat-link{flex:0 0 auto;line-height:0;}
@media(max-width:600px){img.sp-brand-logo-cat{height:32px !important;max-width:150px !important;}}
img.sp-eco-logo{height:30px !important;width:auto !important;max-width:160px !important;object-fit:contain;object-position:left;display:block;margin-bottom:10px;}

/* ── Avisos Woo en ficha (producto añadido) — compacto y legible ── */
.dh-wc-notices{margin:10px 0 4px;}
.dh-wc-notices .woocommerce-message,
.dh-wc-notices .woocommerce-info,
.dh-wc-notices .woocommerce-error li{
  background:#eaf6ea !important;border:1px solid #b6ddb6 !important;border-top-color:#b6ddb6 !important;
  color:#14401b !important;border-radius:8px;
  padding:8px 12px !important;margin:0 !important;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:13.5px !important;line-height:1.35;font-weight:500;list-style:none;}
.dh-wc-notices .woocommerce-error li{background:#fdecec !important;border-color:#eebcbc !important;color:#7a1f1f !important;}
.dh-wc-notices .woocommerce-error{list-style:none;margin:0;padding:0;}
.dh-wc-notices .woocommerce-message::before,
.dh-wc-notices .woocommerce-info::before,
.dh-wc-notices .woocommerce-error::before{display:none !important;content:none !important;}
.dh-wc-notices a{color:#14401b !important;text-decoration:underline;}
.dh-wc-notices a.button,.dh-wc-notices .wc-forward{
  margin-left:auto;background:#0f2a50 !important;color:#fff !important;
  padding:5px 11px !important;border-radius:6px;text-decoration:none !important;
  font-weight:600;font-size:12.5px !important;line-height:1.3;}
@media(max-width:600px){.dh-wc-notices .woocommerce-message{font-size:13px !important;padding:8px 10px !important;}}

/* ── Landing /alarmas-sin-cuotas/ (06-ago-2026) ─────────────────── */
.sp-landing-alarmas .sp-hero{padding:44px 0 34px;text-align:center;}
.sp-landing-alarmas .sp-hero-sub{max-width:760px;margin:10px auto 18px;}
.sp-al-card{display:flex;flex-direction:column;}
.sp-al-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-height:34px;}
img.sp-al-logo{height:26px !important;width:auto !important;max-width:150px !important;object-fit:contain;object-position:left;display:block;}
.sp-al-claim{font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;
  color:#0f2a50;background:#eaf0f8;border-radius:999px;padding:4px 9px;white-space:nowrap;}
.sp-landing-alarmas .sp-tile{display:flex;flex-direction:column;}
.sp-landing-alarmas .sp-tile .sp-eco-more{margin-top:auto;padding-top:10px;}
@media(max-width:600px){
  .sp-al-head{flex-wrap:wrap;}
  img.sp-al-logo{height:22px !important;max-width:120px !important;}
}