/* SmartSale Home Layout — Maqueta Veterinaria moderna
 * CSS completamente acotado a la Home veterinaria. No modifica checkout, Mi Cuenta,
 * archivos de tienda, Brand Stores ni la maqueta SmartSale original.
 */
body.ssh-template-veterinary-modern{
  --ssh-vet-ink:#12304a;
  --ssh-vet-muted:#687b8b;
  --ssh-vet-teal:#0f9d94;
  --ssh-vet-teal-dark:#087f78;
  --ssh-vet-soft:#edf9f7;
  --ssh-vet-blue:#eaf6ff;
  --ssh-vet-border:#e3ecef;
  --ssh-vet-shadow:0 18px 50px rgba(23,55,70,.08);
  background:#fff;
}
body.ssh-template-veterinary-modern .ssh-home-shell{background:#fff}
body.ssh-template-veterinary-modern .ssh-home{padding-inline:18px}
body.ssh-template-veterinary-modern .ssh-vet-home{color:var(--ssh-vet-ink)}
body.ssh-template-veterinary-modern .ssh-vet-home .ssh-section-head{align-items:flex-end;margin-bottom:18px}
body.ssh-template-veterinary-modern .ssh-vet-home .ssh-section-head h2{font-size:30px;letter-spacing:-.025em;color:var(--ssh-vet-ink)}
body.ssh-template-veterinary-modern .ssh-vet-home .ssh-section-head a{color:var(--ssh-vet-teal-dark);font-size:13px;font-weight:850}
body.ssh-template-veterinary-modern .ssh-vet-kicker{display:block;margin-bottom:5px;color:var(--ssh-vet-teal-dark);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

/* Hero limpio, de ancho completo. La imagen sigue siendo la del gestor de Banners. */
body.ssh-template-veterinary-modern .ssh-vet-hero-stage{margin:4px 0 14px}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero{min-height:max(440px,var(--ssh-hero-height,410px));border-radius:24px;border:1px solid #e6eeee;box-shadow:var(--ssh-vet-shadow);background:#eff9f8;isolation:isolate}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero-slide{min-height:inherit;background-image:linear-gradient(90deg,rgba(244,252,251,.97) 0%,rgba(244,252,251,.88) 38%,rgba(244,252,251,.28) 67%,rgba(244,252,251,.04) 100%),var(--ssh-slide-bg,none);background-size:cover;background-position:center}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero-copy{max-width:670px;padding:58px 64px;color:var(--ssh-vet-ink)}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dff5f1;color:var(--ssh-vet-teal-dark);font-size:11px;letter-spacing:.1em}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero h1{max-width:650px;margin-bottom:16px;color:var(--ssh-vet-ink);font-size:clamp(38px,4.4vw,64px);line-height:1.00;letter-spacing:-.045em}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero p{max-width:560px;color:#526a7b;font-size:18px;line-height:1.55}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-btn{border-radius:999px;background:var(--ssh-vet-teal);color:#fff!important;padding:14px 23px;box-shadow:0 10px 24px rgba(15,157,148,.22)}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-btn:hover{background:var(--ssh-vet-teal-dark)}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-banner-nav{background:rgba(255,255,255,.92);color:var(--ssh-vet-ink)}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-banner-dot{border-color:rgba(18,48,74,.25)}
body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-banner-dot.is-active{background:var(--ssh-vet-teal);border-color:var(--ssh-vet-teal)}

/* Franja de confianza/servicios */
body.ssh-template-veterinary-modern .ssh-benefits{margin:0 0 34px;border:0;border-radius:18px;background:linear-gradient(90deg,#eefaf8,#f8fcff);box-shadow:none;overflow:visible;gap:6px;padding:7px}
body.ssh-template-veterinary-modern .ssh-benefit{border:0;border-radius:13px;padding:13px 14px;background:rgba(255,255,255,.72)}
body.ssh-template-veterinary-modern .ssh-benefit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dcf4f0;font-size:20px}
body.ssh-template-veterinary-modern .ssh-benefit strong{color:var(--ssh-vet-ink);font-size:12px}
body.ssh-template-veterinary-modern .ssh-benefit small{color:#6a7f8f}

/* Categorías: grandes, con imagen real y texto. */
body.ssh-template-veterinary-modern .ssh-vet-cats{margin:38px 0 40px}
body.ssh-template-veterinary-modern .ssh-vet-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.ssh-template-veterinary-modern .ssh-vet-cat-card{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr) 30px;align-items:center;gap:15px;min-height:132px;padding:12px 14px;border:1px solid var(--ssh-vet-border);border-radius:20px;background:#fff;color:var(--ssh-vet-ink)!important;text-decoration:none!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.ssh-template-veterinary-modern .ssh-vet-cat-card:nth-child(4n+1){background:linear-gradient(135deg,#f1fbf8,#fff)}
body.ssh-template-veterinary-modern .ssh-vet-cat-card:nth-child(4n+2){background:linear-gradient(135deg,#fff5f5,#fff)}
body.ssh-template-veterinary-modern .ssh-vet-cat-card:nth-child(4n+3){background:linear-gradient(135deg,#eef8ff,#fff)}
body.ssh-template-veterinary-modern .ssh-vet-cat-card:nth-child(4n){background:linear-gradient(135deg,#fff9e9,#fff)}
body.ssh-template-veterinary-modern .ssh-vet-cat-card:hover{transform:translateY(-3px);border-color:#b7ddd8;box-shadow:0 14px 32px rgba(28,70,76,.10)}
body.ssh-template-veterinary-modern .ssh-vet-cat-media{display:grid;place-items:center;width:118px;height:104px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.7)}
body.ssh-template-veterinary-modern .ssh-vet-cat-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
body.ssh-template-veterinary-modern .ssh-vet-cat-fallback{font-size:38px}
body.ssh-template-veterinary-modern .ssh-vet-cat-copy{min-width:0}
body.ssh-template-veterinary-modern .ssh-vet-cat-copy strong{display:block;margin-bottom:5px;font-size:16px;line-height:1.15}
body.ssh-template-veterinary-modern .ssh-vet-cat-copy small{display:block;color:var(--ssh-vet-muted);font-size:11px;line-height:1.4}
body.ssh-template-veterinary-modern .ssh-vet-cat-card>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #cfe7e4;color:var(--ssh-vet-teal-dark);font-style:normal;font-weight:900}

/* Productos: más aire, fotografía protagonista y CTA suave. */
body.ssh-template-veterinary-modern .ssh-products-section{margin:42px 0}
body.ssh-template-veterinary-modern .ssh-carousel{grid-auto-columns:calc((100% - 48px)/5);gap:12px;padding:3px 2px 9px}
body.ssh-template-veterinary-modern .ssh-product{border:1px solid var(--ssh-vet-border);border-radius:18px;padding:14px;background:#fff;box-shadow:0 7px 22px rgba(23,55,70,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.ssh-template-veterinary-modern .ssh-product:hover{transform:translateY(-3px);border-color:#cfe1e3;box-shadow:0 16px 34px rgba(23,55,70,.09)}
body.ssh-template-veterinary-modern .ssh-product-img{height:190px;border-radius:14px;background:#fbfcfd;padding:8px}
body.ssh-template-veterinary-modern .ssh-product-img img{max-height:176px}
body.ssh-template-veterinary-modern .ssh-product-title{color:var(--ssh-vet-ink)!important;font-size:14px;line-height:1.35;min-height:48px;margin-top:12px}
body.ssh-template-veterinary-modern .ssh-vet-rating{height:19px;display:flex;align-items:center;margin:0 0 5px}
body.ssh-template-veterinary-modern .ssh-vet-rating .star-rating{float:none;margin:0;font-size:12px;color:#f5a623}
body.ssh-template-veterinary-modern .ssh-vet-rating-empty{font-size:10px;font-weight:750;color:#95a3ad}
body.ssh-template-veterinary-modern .ssh-price{color:#e84646;font-size:21px}
body.ssh-template-veterinary-modern .ssh-stock{font-weight:750}
body.ssh-template-veterinary-modern .ssh-cart{border-radius:999px!important;background:var(--ssh-vet-teal)!important;color:#fff!important;padding:11px 10px!important}
body.ssh-template-veterinary-modern .ssh-cart:hover{background:var(--ssh-vet-teal-dark)!important;color:#fff!important}
body.ssh-template-veterinary-modern .ssh-arrow{border-color:#dce9eb;box-shadow:0 8px 24px rgba(23,55,70,.12);color:var(--ssh-vet-teal-dark)}

/* Banners inferiores administrables desde SmartSale Home > Banners. */
body.ssh-template-veterinary-modern .ssh-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:42px 0}
body.ssh-template-veterinary-modern .ssh-promo-slot{min-width:0}
body.ssh-template-veterinary-modern .ssh-promo-slot:nth-child(3){grid-column:1/-1}
body.ssh-template-veterinary-modern .ssh-promo{min-height:220px;border-radius:22px;border:1px solid var(--ssh-vet-border);overflow:hidden;box-shadow:0 12px 34px rgba(23,55,70,.07);background-color:#eff9f8;background-position:center;background-size:cover}
body.ssh-template-veterinary-modern .ssh-promo:before{background:linear-gradient(90deg,rgba(240,251,249,.98),rgba(240,251,249,.78) 52%,rgba(240,251,249,.08))}
body.ssh-template-veterinary-modern .ssh-promo>div{max-width:55%;padding:32px 34px}
body.ssh-template-veterinary-modern .ssh-promo h3{color:var(--ssh-vet-ink);font-size:28px;line-height:1.05;letter-spacing:-.025em}
body.ssh-template-veterinary-modern .ssh-promo p{color:#587080;font-size:14px}
body.ssh-template-veterinary-modern .ssh-promo span{display:inline-flex;margin-top:8px;padding:9px 14px;border-radius:999px;background:var(--ssh-vet-teal);color:#fff;font-weight:850;font-size:12px}

/* Marcas como banda limpia y ligera. */
body.ssh-template-veterinary-modern .ssh-vet-brands{margin:42px 0}
body.ssh-template-veterinary-modern .ssh-vet-brand-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
body.ssh-template-veterinary-modern .ssh-vet-brand-row a{display:grid;place-items:center;height:72px;padding:10px;border:1px solid var(--ssh-vet-border);border-radius:14px;background:#fff;color:var(--ssh-vet-ink)!important;text-decoration:none!important}
body.ssh-template-veterinary-modern .ssh-vet-brand-row img{max-width:100%;max-height:46px;object-fit:contain;filter:saturate(.95)}
body.ssh-template-veterinary-modern .ssh-vet-brand-row strong{font-size:12px;text-align:center}

/* Home Brand Stores quedan disponibles en el plugin, pero si se insertan por otro módulo
   reciben una armonización compatible con esta maqueta. */
body.ssh-template-veterinary-modern .ssh-home-brand-store-card{border-radius:20px}

@media(max-width:1180px){
  body.ssh-template-veterinary-modern .ssh-vet-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ssh-template-veterinary-modern .ssh-carousel{grid-auto-columns:calc((100% - 36px)/4)}
  body.ssh-template-veterinary-modern .ssh-vet-brand-row{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero-copy{padding:44px 36px;max-width:62%}
  body.ssh-template-veterinary-modern .ssh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ssh-template-veterinary-modern .ssh-benefit:last-child{grid-column:1/-1}
  body.ssh-template-veterinary-modern .ssh-carousel{grid-auto-columns:calc((100% - 24px)/3)}
  body.ssh-template-veterinary-modern .ssh-promos{grid-template-columns:1fr 1fr}
  body.ssh-template-veterinary-modern .ssh-promo>div{max-width:68%}
}
@media(max-width:767px){
  body.ssh-template-veterinary-modern .ssh-home{padding-inline:12px}
  body.ssh-template-veterinary-modern .ssh-vet-home .ssh-section-head{align-items:center}
  body.ssh-template-veterinary-modern .ssh-vet-home .ssh-section-head h2{font-size:23px}
  body.ssh-template-veterinary-modern .ssh-vet-kicker{font-size:9px}
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage{margin-top:0}
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero{min-height:max(410px,var(--ssh-mobile-hero-height,310px));border-radius:20px}
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero-slide{align-items:flex-end;background-image:linear-gradient(0deg,rgba(246,252,251,.99) 0%,rgba(246,252,251,.94) 43%,rgba(246,252,251,.12) 75%),var(--ssh-slide-bg-mobile,var(--ssh-slide-bg,none))!important;background-position:center top}
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero-copy{max-width:none;width:100%;padding:28px 24px 36px}
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero h1{font-size:34px;max-width:92%}
  body.ssh-template-veterinary-modern .ssh-vet-hero-stage .ssh-hero p{font-size:14px;max-width:92%}
  body.ssh-template-veterinary-modern .ssh-benefits{display:flex;overflow-x:auto;gap:8px;padding:6px;margin-bottom:28px;scrollbar-width:none}
  body.ssh-template-veterinary-modern .ssh-benefits::-webkit-scrollbar{display:none}
  body.ssh-template-veterinary-modern .ssh-benefit{min-width:210px;flex:0 0 auto}
  body.ssh-template-veterinary-modern .ssh-benefit:last-child{grid-column:auto}
  body.ssh-template-veterinary-modern .ssh-vet-cats{margin:30px 0}
  body.ssh-template-veterinary-modern .ssh-vet-cat-grid{display:flex;overflow-x:auto;gap:10px;padding:1px 1px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.ssh-template-veterinary-modern .ssh-vet-cat-grid::-webkit-scrollbar{display:none}
  body.ssh-template-veterinary-modern .ssh-vet-cat-card{grid-template-columns:1fr;width:142px;min-width:142px;min-height:176px;padding:9px;text-align:center;scroll-snap-align:start}
  body.ssh-template-veterinary-modern .ssh-vet-cat-media{width:100%;height:105px}
  body.ssh-template-veterinary-modern .ssh-vet-cat-copy strong{font-size:13px}
  body.ssh-template-veterinary-modern .ssh-vet-cat-copy small{display:none}
  body.ssh-template-veterinary-modern .ssh-vet-cat-card>i{position:absolute;right:8px;bottom:8px;width:27px;height:27px}
  body.ssh-template-veterinary-modern .ssh-products-section{margin:34px 0}
  body.ssh-template-veterinary-modern .ssh-carousel{grid-auto-columns:minmax(174px,72vw);gap:10px}
  body.ssh-template-veterinary-modern .ssh-product-img{height:174px}
  body.ssh-template-veterinary-modern .ssh-promos{grid-template-columns:1fr;gap:10px;margin:34px 0}
  body.ssh-template-veterinary-modern .ssh-promo-slot:nth-child(3){grid-column:auto}
  body.ssh-template-veterinary-modern .ssh-promo{min-height:190px;border-radius:18px}
  body.ssh-template-veterinary-modern .ssh-promo>div{max-width:74%;padding:24px 22px}
  body.ssh-template-veterinary-modern .ssh-promo h3{font-size:23px}
  body.ssh-template-veterinary-modern .ssh-vet-brand-row{display:flex;overflow-x:auto;gap:8px;padding-bottom:7px;scrollbar-width:none}
  body.ssh-template-veterinary-modern .ssh-vet-brand-row::-webkit-scrollbar{display:none}
  body.ssh-template-veterinary-modern .ssh-vet-brand-row a{min-width:118px;height:66px;flex:0 0 auto}
}