/* AC: scoped to the staging shop library. Existing global UI is untouched. */
body.ac-families-page #main { background: linear-gradient(135deg,#f3f8fc 0%,#f6f9fc 55%,#eff5fa 100%); }
body.ac-families-page #main #content-wrap.container { width: calc(100% - 112px) !important; max-width:1380px !important; padding:30px 0 64px !important; margin:0 auto !important; }
body.ac-families-page #main #primary,body.ac-families-page #main #content { width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; float:none !important; border:0 !important; }
body.ac-families-page #main .woocommerce-products-header { margin:0 !important; padding:0 !important; }
body.ac-families-page #main .oceanwp-toolbar,body.ac-families-page #main article.entry-content>ul.products,body.ac-families-page #main .woocommerce-pagination,body.ac-families-page #main #right-sidebar { display:none !important; }
body.ac-families-page #main .ac-families-shell { color:#071b46; font-family:'AC Source Sans','Segoe UI',sans-serif; }
body.ac-families-page #main .ac-family-breadcrumb { display:flex; align-items:center; gap:9px; margin:0 0 16px; font-size:14px; line-height:1.4; color:#53647d; }
body.ac-families-page #main .ac-family-breadcrumb a { color:#53647d; text-decoration:none; }
body.ac-families-page #main .ac-family-breadcrumb a:hover { color:#164bd5; }
body.ac-families-page #main .ac-family-breadcrumb [aria-current] { color:#17325d; }
body.ac-families-page #main .ac-family-intro { margin:0 0 20px; }
body.ac-families-page #main .ac-family-intro h1 { font-family:'AC Institutional Montserrat',sans-serif; font-size:36px; font-weight:600; line-height:1.2; letter-spacing:-.8px; margin:0 0 7px; color:#071b46; text-transform:none; }
body.ac-families-page #main .ac-family-intro p { margin:0; color:#65738a; font-size:18px; line-height:1.45; }
body.ac-families-page #main .ac-family-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 0 14px; margin:0 0 22px; border-bottom:1px solid #dce6f0; }
body.ac-families-page #main .ac-family-heading { display:flex; align-items:baseline; gap:16px; min-width:0; }
body.ac-families-page #main .ac-family-heading h2 { margin:0; color:#071b46; font-size:18px; line-height:1.35; font-weight:600; font-family:'AC Source Sans','Segoe UI',sans-serif; text-transform:none; }
body.ac-families-page #main .ac-family-heading>span { color:#78869b; font-size:14px; }
body.ac-families-page #main .ac-family-view-controls { display:flex; gap:8px; flex-shrink:0; }
body.ac-families-page #main .ac-family-view-controls button { display:flex; align-items:center; justify-content:center; width:42px; height:40px; min-height:40px; margin:0; padding:9px; border:1px solid #ccd9e7; border-radius:3px; background:#fff; color:#8093ad; box-shadow:none; cursor:pointer; }
body.ac-families-page #main .ac-family-view-controls button[aria-pressed=true] { border-color:#2863eb; color:#1753db; background:#fff; }
body.ac-families-page #main .ac-family-view-controls svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; }
body.ac-families-page #main .ac-families-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:0; width:100%; }
body.ac-families-page #main .ac-families-grid:before,body.ac-families-page #main .ac-families-grid:after { content:none; display:none; }
body.ac-families-page #main .ac-family-card { list-style:none; display:flex; min-width:0; padding:0; margin:0; border:1px solid #e1e9f1; border-radius:8px; background:#fff; box-shadow:0 3px 16px rgba(31,62,103,.035); overflow:hidden; transition:border-color .18s ease,box-shadow .18s ease; }
body.ac-families-page #main .ac-family-card:hover { border-color:#bdcee4; box-shadow:0 5px 18px rgba(31,62,103,.07); }
body.ac-families-page #main .ac-family-link { display:flex; flex-direction:column; width:100%; min-width:0; padding:16px; color:#071b46; text-decoration:none; }
body.ac-families-page #main .ac-family-picture { display:flex; align-items:center; justify-content:center; height:216px; width:100%; background:#fff; margin:0 0 12px; overflow:hidden; }
body.ac-families-page #main .ac-family-picture img { display:block; width:100% !important; height:100% !important; max-width:100%; max-height:100%; margin:0 !important; padding:0 !important; object-fit:contain !important; object-position:center; border-radius:0 !important; box-shadow:none !important; transform:none !important; }
body.ac-families-page #main .ac-family-name { font-family:'AC Source Sans','Segoe UI',sans-serif; font-size:21px; font-weight:600; line-height:1.25; letter-spacing:-.15px; text-align:left; text-transform:none; color:#071b46; margin:0 0 12px; padding:0; border:0; background:none; flex:1; overflow-wrap:anywhere; }
body.ac-families-page #main .ac-family-action { display:flex; align-items:center; justify-content:center; gap:12px; min-height:38px; padding:6px 10px; border:1px solid #315ce4; border-radius:3px; color:#113bbb; background:#fff; font-size:15px; font-weight:600; line-height:1.2; white-space:normal; transition:background .18s ease,color .18s ease; }
body.ac-families-page #main .ac-family-action svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
body.ac-families-page #main .ac-family-link:hover .ac-family-action { background:#f1f5ff; color:#0633ae; }
body.ac-families-page #main .ac-family-link:focus-visible,body.ac-families-page #main .ac-family-view-controls button:focus-visible,body.ac-families-page #main .ac-family-breadcrumb a:focus-visible { outline:3px solid #1e60e7; outline-offset:3px; }
body.ac-families-page #main .ac-family-card:focus-within { border-color:#1e60e7; }
body.ac-families-page #main .ac-families-grid[data-view=list] { grid-template-columns:1fr; gap:12px; }
body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-link { display:grid; grid-template-columns:112px minmax(0,1fr) 180px; align-items:center; gap:22px; }
body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-picture { height:100px; margin:0; }
body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-name { margin:0; }
@media(max-width:1100px) {
 body.ac-families-page #main #content-wrap.container { width:calc(100% - 64px) !important; }
 body.ac-families-page #main .ac-families-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.ac-families-page #main .ac-family-picture { height:200px; }
}
@media(max-width:820px) {
 body.ac-families-page #main #content-wrap.container { width:calc(100% - 48px) !important; padding:25px 0 48px !important; }
 body.ac-families-page #main .ac-families-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 body.ac-families-page #main .ac-family-intro h1 { font-size:32px; }
 body.ac-families-page #main .ac-family-picture { height:220px; }
}
@media(max-width:640px) {
 body.ac-families-page #main #content-wrap.container { width:calc(100% - 32px) !important; padding:22px 0 36px !important; }
 body.ac-families-page #main .ac-family-breadcrumb { font-size:13px; margin-bottom:13px; }
 body.ac-families-page #main .ac-family-intro { margin-bottom:19px; }
 body.ac-families-page #main .ac-family-intro h1 { font-size:28px; margin-bottom:8px; letter-spacing:-.55px; }
 body.ac-families-page #main .ac-family-intro p { font-size:16px; line-height:1.4; max-width:320px; }
 body.ac-families-page #main .ac-family-toolbar { margin-bottom:16px; padding-bottom:12px; gap:12px; }
 body.ac-families-page #main .ac-family-heading { display:block; }
 body.ac-families-page #main .ac-family-heading h2 { font-size:17px; }
 body.ac-families-page #main .ac-family-heading>span { font-size:12px; display:block; margin-top:3px; }
 body.ac-families-page #main .ac-family-view-controls button { width:44px; height:44px; min-height:44px; }
 body.ac-families-page #main .ac-families-grid { gap:12px; }
 body.ac-families-page #main .ac-family-card { border-radius:6px; }
 body.ac-families-page #main .ac-family-link { padding:11px; }
 body.ac-families-page #main .ac-family-picture { height:138px; margin-bottom:10px; }
 body.ac-families-page #main .ac-family-name { font-size:16px; line-height:1.25; letter-spacing:-.1px; margin-bottom:11px; min-height:40px; }
 body.ac-families-page #main .ac-family-action { min-height:42px; font-size:13px; gap:6px; padding:6px 4px; }
 body.ac-families-page #main .ac-family-action svg { width:16px; height:16px; }
 body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-link { grid-template-columns:80px minmax(0,1fr); grid-template-rows:auto auto; gap:8px 14px; padding:12px; }
 body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-picture { grid-row:1/3; height:82px; }
 body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-name { min-height:0; font-size:17px; }
 body.ac-families-page #main .ac-families-grid[data-view=list] .ac-family-action { grid-column:2; width:100%; max-width:200px; }
}
@media(max-width:375px) { body.ac-families-page #main .ac-family-picture { height:123px; } body.ac-families-page #main .ac-family-name { font-size:15px; min-height:38px; } body.ac-families-page #main .ac-family-action { font-size:12px; gap:4px; } }
@media(prefers-reduced-motion:reduce) { body.ac-families-page #main .ac-family-card,body.ac-families-page #main .ac-family-action { transition:none; } }

/* Frame the original photographs; trim only their surrounding blank canvas. */
body.ac-families-page #main .ac-family-card[data-category-slug="compresores"] .ac-family-picture img { transform:scale(1.30) !important; }
body.ac-families-page #main .ac-family-card[data-category-slug="evaporadores"] .ac-family-picture img { transform:scale(1.20) !important; }
body.ac-families-page #main .ac-family-card[data-category-slug="condensadores"] .ac-family-picture img { transform:scale(1.06) !important; }
body.ac-families-page #main .ac-family-card[data-category-slug="blowers"] .ac-family-picture img { transform:scale(1.30) !important; }
body.ac-families-page #main .ac-family-card[data-category-slug="panel-de-control"] .ac-family-picture img { transform:scale(1.90) !important; }
body.ac-families-page #main .ac-family-card[data-category-slug="plato-clutch"] .ac-family-picture img { transform:scale(1.50) !important; }
body.ac-families-page #main .ac-family-card[data-category-slug="filtros"] .ac-family-picture img { transform:scale(1.25) !important; }
@media(max-width:640px) { body.ac-families-page #main .ac-family-card[data-category-slug="panel-de-control"] .ac-family-picture img { transform:scale(1.70) !important; } }
body.ac-families-page #main .ac-families-grid[data-view="list"] .ac-family-picture img { transform:none !important; }