@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap');
:root{--navy:#173c50;--coral:#df6857;--gold:#e6ad4a;--cream:#fbf7ef;--muted:#587078;--line:#e9e4d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font:16px/1.6 'DM Sans',Arial,sans-serif;background:#f9f5ed}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}h1,h2,h3{font-family:'Fraunces',Georgia,serif;letter-spacing:-.025em;line-height:1.12}img{max-width:100%}.skip{position:absolute;left:-999px;top:0;background:white;padding:10px}.skip:focus{left:12px;z-index:20}.shell{max-width:1320px;margin:20px auto;background:#fffdfa;box-shadow:0 12px 48px #173c5010;border-radius:12px;overflow:hidden}.header{display:flex;align-items:center;justify-content:center;gap:42px;min-height:148px;padding:24px 35px;border-bottom:1px solid #ece7dd}.header img{display:block;width:185px;height:auto}.nav{display:flex;flex-wrap:wrap;gap:6px}.nav a{padding:10px 14px;border-radius:7px;text-decoration:none;font-size:.89rem;font-weight:700}.nav a:hover,.nav a.active{color:var(--coral);background:#fcf0e8}.hero{position:relative;overflow:hidden;padding:54px clamp(25px,6vw,78px);background:linear-gradient(105deg,#fdf6e9,#fff9f0 61%,#f8e8d2)}.hero::before,.hero::after{content:'';position:absolute;pointer-events:none;background-size:contain;background-repeat:no-repeat;opacity:.22}.hero::before{width:240px;height:240px;right:50px;top:-55px;background-image:url('/templates/tpl_colorbook/media/images/plantain-transparent-b13.png')}.hero::after{width:180px;height:180px;right:-20px;bottom:-55px;background-image:url('/templates/tpl_colorbook/media/images/coconut-transparent-b13.png')}.eyebrow{margin:0 0 12px;color:#516f79;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1{position:relative;z-index:1;max-width:840px;font-size:clamp(2.4rem,4vw,4.4rem);margin:0}.hero p{position:relative;z-index:1;max-width:690px;color:#435f68;margin:18px 0 0}.main{position:relative;padding:35px clamp(25px,5vw,64px) 70px}.main::before{content:'';position:absolute;right:10px;top:15px;width:75px;height:95px;background:url('/templates/tpl_colorbook/media/images/dominican-escudo.png') center/contain no-repeat;opacity:.12;pointer-events:none}.age-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px}.age-nav a,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:999px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700}.age-nav a:nth-child(2){background:var(--navy)}.section-title{font-size:2rem;margin:28px 0 5px}.section-lead{color:var(--muted);margin:0 0 21px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{display:block;min-width:0;border:1px solid #eee9df;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 4px 14px #173c500c;transition:transform .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 23px #173c501b}.card img{display:block;width:100%;height:220px;object-fit:cover;object-position:center top;background:#fff}.card-body{padding:13px 15px 16px}.card strong{display:block;font-size:1rem;line-height:1.25}.card span{display:block;margin-top:6px;font-size:.79rem;color:var(--muted)}.card b{display:block;margin-top:10px;color:#bd594b;font-size:.85rem}.crumb{font-size:.85rem;color:var(--muted);margin:0 0 25px}.crumb a{text-decoration:underline}.detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:45px;align-items:start}.preview{padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 9px 28px #173c5014}.preview img{display:block;width:100%;height:auto}.copy h1{font-size:clamp(2.1rem,3vw,3.4rem);margin:0 0 14px}.copy p{color:#435f68}.badge{display:inline-block;padding:5px 12px;border-radius:999px;background:#f9e8d9;color:#9e5147;font-size:.75rem;font-weight:700}.button{margin:18px 0 5px}.button:hover{background:#c95044}.helper{font-size:.85rem;color:var(--muted)}.related{margin-top:50px}.related .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer{padding:30px clamp(25px,5vw,64px);border-top:1px solid var(--line);display:flex;gap:28px;align-items:center;justify-content:space-between}.footer img{width:108px;height:auto}.footer p{max-width:760px;font-size:.79rem;color:var(--muted)}.footer a{font-size:.85rem}@media(max-width:850px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail{grid-template-columns:1fr}.header{min-height:100px;gap:15px;justify-content:space-between}.header img{width:140px}}@media(max-width:600px){.shell{margin:0;border-radius:0}.header{display:block;padding:15px 20px}.header img{width:120px;margin:0 auto 8px}.nav{justify-content:center}.nav a{padding:7px 9px;font-size:.76rem}.hero{padding:37px 23px}.hero::before{right:-80px}.hero h1{font-size:2.35rem}.main{padding:25px 17px 45px}.grid,.related .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card img{height:150px}.card-body{padding:10px}.card strong{font-size:.85rem}.card span,.card b{font-size:.7rem}.preview{padding:7px}.footer{display:block}.footer img{width:95px}}@media print{.nav,.age-nav,.button,.related{display:none}.shell{box-shadow:none}.preview{box-shadow:none;border:0}}
.header{border-bottom:1px solid var(--line);border-image:none}.topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.topic-nav a{display:inline-block;padding:7px 12px;border:1px solid #e6ded2;border-radius:30px;background:#fff;color:var(--navy);font-size:.79rem;font-weight:700;text-decoration:none}.topic-nav a:hover,.topic-nav a.active{background:#f9e8d9;color:#a94e42}.topic-count{display:inline-block;margin-left:8px;color:var(--muted);font:600 .9rem 'DM Sans',Arial,sans-serif}@media print{.topic-nav{display:none}}/* Catalog polish v1 */
.header{min-height:112px;padding:12px 36px;justify-content:center;gap:30px;background:#fffdfa}
.header img{width:160px}.nav{align-items:center;justify-content:center;flex-wrap:nowrap;gap:3px}.nav a{white-space:nowrap;padding:10px 12px}
.catalog-tools{margin:0 0 25px;padding:20px;border:1px solid #e6e4db;border-radius:12px;background:#f6f5ef}
.catalog-tools label{display:block;font-weight:700;font-size:.9rem;margin-bottom:7px}.catalog-search{width:100%;max-width:560px;min-height:46px;padding:10px 14px;border:1px solid #bccdd0;border-radius:8px;background:white;color:var(--navy);font:inherit}
.catalog-tools .filter-label{margin:16px 0 7px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-row button{min-height:38px;padding:7px 13px;border:1px solid #d9d7ce;border-radius:24px;background:white;color:var(--navy);font:700 .78rem 'DM Sans',Arial,sans-serif;cursor:pointer}
.filter-row button:hover,.filter-row button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:white}
.catalog-status{margin:15px 0 0;color:var(--muted);font-size:.88rem}.catalog-empty{padding:20px;border:1px dashed #c7d1cf;border-radius:10px;color:var(--muted)}
.detail .copy h2{font-size:1.38rem;margin:24px 0 5px}.detail .copy h2+p{margin-top:0}
@media(max-width:850px){.header{min-height:95px;padding:12px 22px}.header img{width:135px}.nav{flex-wrap:wrap}}
@media(max-width:600px){.header{display:block;padding:13px 17px}.header img{width:118px;margin:0 auto 6px}.nav{gap:0}.nav a{padding:7px 8px;font-size:.73rem}.catalog-tools{padding:14px}.filter-row{gap:6px}.filter-row button{font-size:.72rem;padding:6px 10px}}
[hidden]{display:none!important}