:root { --cz-magenta:#c40079; --cz-magenta-d:#9d0061; --cz-verde:#839c4a; --cz-verde-d:#6b8139; --cz-oro:#e9b414; --cz-tinta:#20201e; --cz-gris:#f3f3f2; --cz-linea:#e4e4e2; --cz-suave:#6d6d69; }
body .cz-h { color:var(--cz-tinta); }
body .cz-h a { text-decoration:none; }
body .cz-h img { display:block; width:100%; height:100%; object-fit:cover; }
body .cz-h-usp { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--cz-linea); border-top:1px solid var(--cz-linea); border-bottom:1px solid var(--cz-linea); margin:0 0 28px; }
body .cz-h-usp-i { background:#fff; display:flex; align-items:center; gap:12px; padding:16px 18px; }
body .cz-h-usp-i i { font-size:26px; line-height:1; color:var(--cz-magenta); flex:0 0 auto; }
body .cz-h-usp-i b { display:block; font-size:14px; font-weight:700; line-height:1.3; }
body .cz-h-usp-i span { display:block; font-size:13px; color:var(--cz-suave); line-height:1.35; }
body .cz-h-hero { display:grid; grid-template-columns:250px 1fr 300px; gap:16px; margin:0 0 40px; align-items:stretch; }
body .cz-h-nav { border:1px solid var(--cz-linea); background:#fff; padding:8px 0; }
body .cz-h-nav a { display:flex; align-items:center; gap:10px; padding:11px 18px; font-size:15px; color:var(--cz-tinta); transition:.15s; }
body .cz-h-nav a:hover { background:var(--cz-gris); color:var(--cz-magenta); }
body .cz-h-nav a i { font-size:20px; color:var(--cz-suave); }
body .cz-h-nav a:hover i { color:var(--cz-magenta); }
body .cz-h-nav a.cz-h-nav-all { border-top:1px solid var(--cz-linea); margin-top:8px; padding-top:14px; font-weight:700; color:var(--cz-magenta); }
body .cz-h-bigad { position:relative; display:flex; flex-direction:column; justify-content:center; background:var(--cz-tinta); color:#fff; padding:52px 48px; overflow:hidden; min-height:380px; }
body .cz-h-bigad-bg { position:absolute; inset:0; z-index:0; opacity:.55; }
body .cz-h-bigad-in { position:relative; z-index:1; max-width:60%; }
body .cz-h-bigad span.cz-h-kicker { display:inline-block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--cz-oro); margin:0 0 14px; }
body .cz-h-bigad h2 { font-size:42px; line-height:1.08; color:#fff; margin:0 0 14px; font-weight:800; letter-spacing:-.5px; }
body .cz-h-bigad p { font-size:16px; line-height:1.55; color:rgba(255,255,255,.88); margin:0 0 24px; }
body .cz-h-sidead { display:grid; grid-template-rows:1fr 1fr; gap:16px; }
body .cz-h-sidead-i { position:relative; display:flex; flex-direction:column; justify-content:flex-end; padding:22px; overflow:hidden; background:var(--cz-gris); min-height:182px; }
body .cz-h-sidead-i img { position:absolute; inset:0; z-index:0; }
body .cz-h-sidead-i span { position:relative; z-index:2; }
body .cz-h-sidead-i::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(32,32,30,0) 35%,rgba(32,32,30,.82) 100%); }
body .cz-h-sidead-t { font-size:19px; font-weight:800; color:#fff; line-height:1.2; }
body .cz-h-sidead-s { font-size:13px; color:rgba(255,255,255,.85); margin-top:4px; }
body .cz-btn { display:inline-flex; align-items:center; gap:9px; padding:14px 30px; border-radius:999px; font-size:15px; font-weight:700; background:var(--cz-magenta); color:#fff; border:2px solid var(--cz-magenta); transition:.18s; }
body .cz-btn:hover { background:var(--cz-magenta-d); border-color:var(--cz-magenta-d); color:#fff; }
body .cz-btn i { font-size:18px; }
body .cz-btn--ghost { background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
body .cz-btn--ghost:hover { background:#fff; border-color:#fff; color:var(--cz-tinta); }
body .cz-btn--oro { background:var(--cz-oro); border-color:var(--cz-oro); color:var(--cz-tinta); }
body .cz-btn--oro:hover { background:#d5a30c; border-color:#d5a30c; color:var(--cz-tinta); }
body .cz-h-sec { margin:0 0 44px; }
body .cz-h-sec-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; flex-wrap:wrap; }
body .cz-h-sec-head h2 { font-size:27px; font-weight:800; margin:0; letter-spacing:-.4px; line-height:1.2; }
body .cz-h-sec-head p { font-size:15px; color:var(--cz-suave); margin:4px 0 0; }
body .cz-h-more { display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:700; color:var(--cz-magenta); white-space:nowrap; }
body .cz-h-more:hover { color:var(--cz-magenta-d); }
body .cz-h-more i { font-size:17px; transition:.18s; }
body .cz-h-more:hover i { transform:translateX(3px); }
body .cz-h-cats { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
body .cz-h-cat { display:block; text-align:center; }
body .cz-h-cat-img { position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--cz-gris); margin:0 0 10px; }
body .cz-h-cat-img img { transition:.4s; }
body .cz-h-cat:hover .cz-h-cat-img img { transform:scale(1.07); }
body .cz-h-cat b { display:block; font-size:14px; font-weight:700; color:var(--cz-tinta); line-height:1.25; }
body .cz-h-cat span { display:block; font-size:12px; color:var(--cz-suave); margin-top:2px; }
body .cz-h-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
body .cz-h-grid--3 { grid-template-columns:repeat(3,1fr); }
body .cz-h-card { position:relative; display:flex; flex-direction:column; border:1px solid var(--cz-linea); background:#fff; transition:.18s; }
body .cz-h-card:hover { border-color:#d6d6d1; box-shadow:0 8px 20px rgba(32,32,30,.08); }
body .cz-h-card-img { position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--cz-gris); }
body .cz-h-card-img img { transition:.45s; }
body .cz-h-card:hover .cz-h-card-img img { transform:scale(1.06); }
body .cz-h-card-body { padding:14px 16px 18px; display:flex; flex-direction:column; flex:1; }
body .cz-h-card-cat { font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:var(--cz-suave); font-weight:700; margin:0 0 6px; }
body .cz-h-card-t { font-size:15px; font-weight:600; line-height:1.35; color:var(--cz-tinta); margin:0 0 12px; flex:1; }
body .cz-h-card:hover .cz-h-card-t { color:var(--cz-magenta); }
body .cz-h-card-price { font-size:19px; font-weight:800; color:var(--cz-tinta); }
body .cz-h-card-price del { font-size:14px; font-weight:400; color:var(--cz-suave); margin-right:7px; }
body .cz-h-card-price ins { text-decoration:none; color:var(--cz-magenta); }
body .cz-h-flag { position:absolute; top:12px; left:12px; z-index:3; background:var(--cz-magenta); color:#fff; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:6px 11px; }
body .cz-h-flag--oro { background:var(--cz-oro); color:var(--cz-tinta); }
body .cz-h-flag--verde { background:var(--cz-verde); }
body .cz-h-ad { position:relative; display:flex; flex-direction:column; justify-content:center; padding:34px; overflow:hidden; background:var(--cz-verde); color:#fff; }
body .cz-h-ad img { position:absolute; inset:0; z-index:0; opacity:.38; }
body .cz-h-ad-in { position:relative; z-index:2; }
body .cz-h-ad h3 { font-size:26px; font-weight:800; color:#fff; line-height:1.15; margin:0 0 10px; }
body .cz-h-ad p { font-size:15px; color:rgba(255,255,255,.9); line-height:1.5; margin:0 0 20px; }
body .cz-h-ad--magenta { background:var(--cz-magenta); }
body .cz-h-ad--tinta { background:var(--cz-tinta); }
body .cz-h-temp { position:relative; overflow:hidden; background:var(--cz-tinta); color:#fff; display:grid; grid-template-columns:1fr 1fr; align-items:center; margin:0 0 44px; }
body .cz-h-temp-txt { padding:56px 52px; position:relative; z-index:2; }
body .cz-h-temp-txt h2 { font-size:38px; font-weight:800; color:#fff; line-height:1.1; margin:0 0 14px; letter-spacing:-.5px; }
body .cz-h-temp-txt p { font-size:16px; line-height:1.6; color:rgba(255,255,255,.88); margin:0 0 26px; }
body .cz-h-temp-img { position:relative; min-height:380px; }
body .cz-h-split { display:grid; grid-template-columns:34% 1fr; gap:44px; align-items:center; margin:0 0 44px; }
body .cz-h-split-img { position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--cz-gris); }
body .cz-h-split-txt h2 { font-size:30px; font-weight:800; margin:0 0 16px; letter-spacing:-.4px; line-height:1.18; }
body .cz-h-split-txt p { font-size:16px; line-height:1.7; color:#4a4a47; margin:0 0 16px; }
body .cz-h-feat { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin:26px 0 30px; }
body .cz-h-feat-i { position:relative; border:1px solid var(--cz-linea); padding:34px 22px 24px; background:#fff; }
body .cz-h-feat-i i { position:absolute; top:-21px; left:22px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; font-size:23px; background:#fff; border:1px solid var(--cz-linea); color:var(--cz-magenta); }
body .cz-h-feat-i b { display:block; font-size:16px; font-weight:700; margin:0 0 7px; }
body .cz-h-feat-i span { display:block; font-size:14px; line-height:1.55; color:var(--cz-suave); }
body .cz-h-empty { border:1px dashed var(--cz-linea); padding:26px; text-align:center; font-size:15px; color:var(--cz-suave); }
@media only screen and (max-width:1239px) {
body .cz-h-hero { grid-template-columns:1fr 280px; }
body .cz-h-nav { display:none; }
body .cz-h-cats { grid-template-columns:repeat(4,1fr); }
}
@media only screen and (max-width:959px) {
body .cz-h-usp { grid-template-columns:repeat(2,1fr); }
body .cz-h-hero { grid-template-columns:1fr; }
body .cz-h-bigad { min-height:320px; padding:40px 34px; text-align:center; }
body .cz-h-bigad-in { max-width:100%; margin:auto; }
body .cz-h-bigad h2 { font-size:34px; }
body .cz-h-sidead { grid-template-rows:none; grid-template-columns:1fr 1fr; }
body .cz-h-grid { grid-template-columns:repeat(3,1fr); }
body .cz-h-grid--3 { grid-template-columns:repeat(2,1fr); }
body .cz-h-temp { grid-template-columns:1fr; }
body .cz-h-temp-txt { padding:40px 34px; text-align:center; }
body .cz-h-temp-txt h2 { font-size:31px; }
body .cz-h-temp-img { min-height:300px; order:-1; }
body .cz-h-split { grid-template-columns:1fr; gap:28px; }
body .cz-h-split-img { aspect-ratio:16/10; max-width:100%; margin:auto; }
body .cz-h-split-txt { text-align:center; }
body .cz-h-feat { grid-template-columns:1fr; gap:38px; }
body .cz-h-feat-i { text-align:center; }
body .cz-h-feat-i i { left:50%; transform:translateX(-50%); }
body .cz-h-sec-head { justify-content:center; text-align:center; }
}
@media only screen and (max-width:767px) {
body .cz-h-usp { grid-template-columns:1fr; }
body .cz-h-usp-i { justify-content:center; text-align:center; }
body .cz-h-cats { grid-template-columns:repeat(2,1fr); gap:12px; }
body .cz-h-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
body .cz-h-grid--3 { grid-template-columns:repeat(2,1fr); }
body .cz-h-sidead { grid-template-columns:1fr; }
body .cz-h-bigad h2 { font-size:28px; }
body .cz-h-bigad p { font-size:15px; }
body .cz-h-ad { text-align:center; padding:30px 22px; }
body .cz-h-ad h3 { font-size:22px; }
body .cz-h-card-body { padding:12px 12px 15px; }
body .cz-h-card-t { font-size:14px; }
body .cz-h-card-price { font-size:17px; }
body .cz-h-sec { margin:0 0 34px; }
body .cz-h-temp-txt h2 { font-size:26px; }
}
#Subheader { display:none; }
body .cz-h .cz-h-sec-head h2 { color:var(--cz-tinta); }
body .cz-h .cz-h-split-txt h2 { color:var(--cz-tinta); }
body .cz-h .cz-h-card-t { color:var(--cz-tinta); }
body .cz-h .cz-h-cat b { color:var(--cz-tinta); }
body .cz-h .cz-h-feat-i b { color:var(--cz-tinta); }
body .cz-h .cz-h-usp-i b { color:var(--cz-tinta); }
body .cz-h .cz-h-card:hover .cz-h-card-t { color:var(--cz-magenta); }

body .cz-h-bigad-bg { opacity:1; }
body .cz-h-bigad::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(32,32,30,.93) 0%,rgba(32,32,30,.78) 42%,rgba(32,32,30,.18) 100%); }
body .cz-h-bigad-in { z-index:2; }
@media only screen and (max-width:959px) {
body .cz-h-bigad::before { background:linear-gradient(180deg,rgba(32,32,30,.55) 0%,rgba(32,32,30,.9) 60%); }
}