/* periquito.uk 1.3.0 — eight real visual systems */
:root{
  --hero-image-hd:url('../themes/hero-hd/library-green.webp');
  --hero-image-mobile:url('../themes/hero-mobile/library-green.webp');
  --display-font:Georgia,'Times New Roman',serif;
  --body-font:system-ui,-apple-system,'Segoe UI',sans-serif;
  --stage-radius:18px;
  --stage-border:color-mix(in srgb,var(--accent) 38%,var(--line));
}
body{font-family:var(--body-font)}
.signature,.hero h1,.page-hero h1,.home-stage h1,.search-hero-stage h1,.card h2,.card h3,.section-head h2{font-family:var(--display-font)}

/* Higher-quality responsive artwork */
.home-art,.search-hero-art{background-image:var(--hero-image-hd);background-size:cover;background-position:center;image-rendering:auto}
@media(max-width:720px){.home-art,.search-hero-art{background-image:var(--hero-image-mobile)}}

/* New homepage composition */
.home-stage{padding:clamp(24px,3vw,44px) 0 0}
.home-canvas{border:1px solid var(--stage-border);border-radius:var(--stage-radius);overflow:hidden;background:var(--surface);box-shadow:0 28px 80px rgba(0,0,0,.24)}
.home-visual{min-height:clamp(500px,58vh,700px);display:grid;grid-template-columns:minmax(0,.93fr) minmax(420px,1.07fr);background:var(--surface);position:relative;overflow:hidden}
.home-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,76px)}
.home-copy h1{max-width:13ch;margin:.2rem 0 1.35rem;font-size:clamp(2.65rem,4.4vw,5.2rem);line-height:.98;font-weight:500;letter-spacing:-.045em}
.home-copy>p:not(.kicker){max-width:48ch;margin:.38rem 0;color:color-mix(in srgb,var(--text) 88%,var(--muted));font-size:clamp(.98rem,.35vw + .9rem,1.14rem);line-height:1.6}
.home-art{position:relative;min-height:100%}
.home-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--surface) 0%,transparent 28%,transparent 100%)}
.home-search{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:1.45rem;max-width:620px}
.home-search .input{border-radius:9px 0 0 9px;min-height:54px;background:color-mix(in srgb,var(--surface-2) 80%,transparent)}
.home-search .btn{border-radius:0 9px 9px 0;min-width:82px}
.home-scope{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.8rem;color:var(--muted);font-size:.82rem}
.home-scope a{padding:.38rem .68rem;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:color-mix(in srgb,var(--surface-2) 75%,transparent)}
.home-scope a:hover{border-color:var(--accent);color:var(--accent)}
.feature-ribbon{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ribbon-bg,#e9ddc8);color:var(--ribbon-ink,#2d261d);border-top:1px solid var(--stage-border);border-bottom:1px solid var(--stage-border)}
.ribbon-item{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:center;padding:1.2rem 1.35rem;border-right:1px solid color-mix(in srgb,var(--ribbon-ink) 18%,transparent)}
.ribbon-item:last-child{border-right:0}.ribbon-icon{font-family:var(--display-font);font-size:1.7rem;color:var(--accent)}
.ribbon-item strong{display:block;font-family:var(--display-font);font-weight:600}.ribbon-item small{display:block;margin-top:.2rem;line-height:1.35;opacity:.74}
.home-shelf{padding:clamp(24px,3vw,44px)}
.home-shelf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.home-shelf-head h2{margin:0;font-family:var(--display-font);font-size:clamp(1.45rem,1.5vw,2rem);font-weight:500}
.home-library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}
.home-library-card{min-width:0;border:1px solid var(--line);padding:.8rem;background:color-mix(in srgb,var(--surface-2) 88%,transparent);border-radius:10px;text-decoration:none}
.home-library-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.home-library-card strong{display:block;margin-top:.65rem;font-family:var(--display-font);line-height:1.15}.home-library-card small{display:block;margin-top:.3rem;color:var(--muted);line-height:1.3}
.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.home-lower .home-highlight-card{min-height:220px}

/* Search page: image-led and properly structured */
.search-hero-stage{padding:clamp(26px,3.3vw,48px) 0 0}
.search-hero-canvas{border:1px solid var(--stage-border);border-radius:var(--stage-radius);overflow:hidden;background:var(--surface);box-shadow:0 25px 70px rgba(0,0,0,.22)}
.search-hero-visual{position:relative;min-height:350px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr)}
.search-hero-copy{z-index:2;padding:clamp(34px,4vw,60px);display:flex;flex-direction:column;justify-content:center}
.search-hero-copy h1{max-width:12ch;margin:.15rem 0 .85rem;font-size:clamp(2.25rem,3.6vw,4.15rem);line-height:1.02;font-weight:500;letter-spacing:-.04em}
.search-hero-copy p:last-child{max-width:45ch;color:var(--muted)}
.search-hero-art{position:relative}.search-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--surface),transparent 25%)}
.search-console{position:relative;z-index:3;margin:-42px clamp(24px,3vw,42px) 0;padding:clamp(18px,2vw,28px);border:1px solid var(--stage-border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.search-console-top{display:grid;grid-template-columns:auto auto minmax(220px,1fr);gap:1rem;align-items:end}
.control-group label{display:block;margin-bottom:.45rem;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.search-console .search-box{margin:1rem 0 0;grid-template-columns:minmax(0,1fr) auto}.search-console .search-box .select{display:none}
.search-directory{padding:20px 0 52px}.search-directory .search-layout{border:1px solid var(--stage-border);border-radius:14px;overflow:hidden;background:var(--surface)}
.search-directory .category-nav{border:0;border-radius:0;border-bottom:1px solid var(--line);position:static;display:flex;overflow:auto;padding:.65rem;background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.search-directory .category-nav button{width:auto;white-space:nowrap;padding:.75rem 1rem;border:1px solid transparent}
.search-directory .category-nav button.active{background:var(--ribbon-bg,#e9ddc8);color:var(--ribbon-ink,#2d261d)}
.search-directory [data-engine-list]{padding:1rem}.search-directory .engine-category{border:0;background:transparent;padding:0;margin:0}.search-directory .engine-category-head{display:none}
.search-directory .engine-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.search-directory .engine{display:flex;flex-direction:column;align-items:flex-start;min-height:145px;padding:1rem;background:var(--engine-card-bg,var(--surface-2));border-radius:10px}
.search-directory .engine-favicon{width:42px;height:42px}.search-directory .engine-copy strong{font-family:var(--display-font);font-size:1rem}.search-directory .engine-copy small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-directory .engine-actions{margin-top:auto;width:100%;justify-content:space-between}
.search-status{padding:0 clamp(24px,3vw,42px);margin:1rem 0 1.2rem}

/* More editorial inner-page heroes */
.page-hero{position:relative;overflow:hidden;min-height:270px;display:flex;align-items:center;background-image:linear-gradient(90deg,var(--bg) 0%,var(--bg) 42%,color-mix(in srgb,var(--bg) 55%,transparent) 72%,transparent 100%),var(--hero-image-hd);background-size:auto,cover;background-position:center,right center}
.page-hero .shell{position:relative;z-index:2;grid-template-columns:minmax(0,720px) 1fr}
.page-hero h1{font-size:clamp(2.05rem,2.7vw,3.45rem)}
.page-hero-note{display:none}
.catalog-controls,.editorial-feature{box-shadow:0 14px 42px rgba(0,0,0,.12)}

/* Design system variables and truly different arrangements */
html[data-design="editorial-dark"]{--hero-image-hd:url('../themes/hero-hd/editorial-dark.webp');--hero-image-mobile:url('../themes/hero-mobile/editorial-dark.webp');--display-font:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;--stage-radius:4px;--ribbon-bg:#181817;--ribbon-ink:#e8dfd0;--engine-card-bg:#151819}
html[data-design="night-archive"]{--hero-image-hd:url('../themes/hero-hd/night-archive.webp');--hero-image-mobile:url('../themes/hero-mobile/night-archive.webp');--display-font:Georgia,serif;--stage-radius:2px;--ribbon-bg:#0d1b2a;--ribbon-ink:#e8e2d6;--engine-card-bg:#10243a}
html[data-design="warm-literary"]{--hero-image-hd:url('../themes/hero-hd/warm-literary.webp');--hero-image-mobile:url('../themes/hero-mobile/warm-literary.webp');--display-font:Georgia,'Times New Roman',serif;--stage-radius:14px;--ribbon-bg:#eadbc0;--ribbon-ink:#33291f;--engine-card-bg:#f7efe2}
html[data-design="minimal-utility"]{--hero-image-hd:url('../themes/hero-hd/minimal-utility.webp');--hero-image-mobile:url('../themes/hero-mobile/minimal-utility.webp');--display-font:Georgia,serif;--stage-radius:3px;--ribbon-bg:#0f171b;--ribbon-ink:#e7e0d5;--engine-card-bg:#0f181d}
html[data-design="library-green"]{--hero-image-hd:url('../themes/hero-hd/library-green.webp');--hero-image-mobile:url('../themes/hero-mobile/library-green.webp');--display-font:Georgia,'Times New Roman',serif;--stage-radius:16px;--ribbon-bg:#eadfca;--ribbon-ink:#2d261d;--engine-card-bg:#f2e7d5}
html[data-design="bordeaux-night"]{--hero-image-hd:url('../themes/hero-hd/bordeaux-night.webp');--hero-image-mobile:url('../themes/hero-mobile/bordeaux-night.webp');--display-font:Palatino Linotype,Georgia,serif;--stage-radius:2px;--ribbon-bg:#511d20;--ribbon-ink:#f5e8dc;--engine-card-bg:#1f1211}
html[data-design="stone-ink"]{--hero-image-hd:url('../themes/hero-hd/stone-ink.webp');--hero-image-mobile:url('../themes/hero-mobile/stone-ink.webp');--display-font:Georgia,serif;--stage-radius:12px;--ribbon-bg:#e8e2d6;--ribbon-ink:#2f2d29;--engine-card-bg:#fffdf8}
html[data-design="cobalt-modern"]{--hero-image-hd:url('../themes/hero-hd/cobalt-modern.webp');--hero-image-mobile:url('../themes/hero-mobile/cobalt-modern.webp');--display-font:Georgia,serif;--stage-radius:8px;--ribbon-bg:#0b2237;--ribbon-ink:#e9f4fb;--engine-card-bg:#0c263f}

html[data-design="library-green"]{--bg:#031008;--bg-deep:#020906;--surface:#0b1b12;--surface-2:#10251a;--surface-3:#183322;--text:#eee4d1;--muted:#b9ad96;--subtle:#7f7666;--line:#36533b;--accent:#c79b4d;--accent-strong:#deb96f;--accent-ink:#191207;color-scheme:dark}
html[data-design="library-green"] body{background:radial-gradient(circle at 12% 4%,rgba(38,91,54,.23),transparent 32rem),linear-gradient(180deg,#020906,#07150d)}
html[data-design="bordeaux-night"]{--bg:#130707;--bg-deep:#080303;--surface:#21100f;--surface-2:#2a1514;--surface-3:#3b1b1d;--text:#f1e4d6;--muted:#c0a998;--subtle:#866f63;--line:#5d352d;--accent:#bd7442;--accent-strong:#d89a63;--accent-ink:#1b0c06}
html[data-design="stone-ink"]{--bg:#f5f2ec;--bg-deep:#ebe7df;--surface:#fdfbf7;--surface-2:#eee9e0;--surface-3:#ded7cb;--text:#2c3036;--muted:#64696e;--subtle:#8a8e91;--line:#cec7bb;--accent:#b17b35;--accent-strong:#c39150;--accent-ink:#fffaf2;color-scheme:light}
html[data-design="cobalt-modern"]{--bg:#06192b;--bg-deep:#03111e;--surface:#0a2239;--surface-2:#0d2b47;--surface-3:#143c5f;--text:#edf5fa;--muted:#abc0cf;--subtle:#6e8ba0;--line:#245b7d;--accent:#00c4ff;--accent-strong:#55d8ff;--accent-ink:#001722}

/* Layout differences, not mere recolouring */
html[data-design="night-archive"] .home-visual{grid-template-columns:minmax(0,1.3fr) minmax(310px,.55fr)}
html[data-design="night-archive"] .home-copy{padding-right:12%}
html[data-design="night-archive"] .home-shelf{border-top:1px solid var(--accent)}
html[data-design="warm-literary"] .home-visual,html[data-design="stone-ink"] .home-visual{grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr)}
html[data-design="warm-literary"] .home-copy h1,html[data-design="stone-ink"] .home-copy h1{max-width:12ch}
html[data-design="minimal-utility"] .home-visual{min-height:430px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.5fr)}
html[data-design="minimal-utility"] .home-copy{padding:42px}.home-copy h1{font-size:clamp(2.45rem,3.8vw,4.8rem)}
html[data-design="minimal-utility"] .feature-ribbon{display:none}
html[data-design="minimal-utility"] .home-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-design="library-green"] .home-visual{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)}
html[data-design="library-green"] .home-copy{background:linear-gradient(90deg,#07150d 0%,#07150d 77%,transparent)}
html[data-design="bordeaux-night"] .home-canvas{display:grid;grid-template-columns:150px minmax(0,1fr)}
html[data-design="bordeaux-night"] .home-canvas::before{content:"BRUNO\A PERIQUITO\A\A PESQUISA\A ARQUIVOS\A IDEIAS";white-space:pre-line;padding:3rem 1.4rem;font-family:var(--display-font);font-size:1.05rem;line-height:1.8;color:var(--accent);background:#170909;border-right:1px solid var(--line)}
html[data-design="bordeaux-night"] .home-visual,html[data-design="bordeaux-night"] .feature-ribbon,html[data-design="bordeaux-night"] .home-shelf{grid-column:2}
html[data-design="cobalt-modern"] .home-visual{grid-template-columns:minmax(0,1fr) minmax(430px,.88fr)}
html[data-design="cobalt-modern"] .home-canvas{box-shadow:0 0 70px rgba(0,196,255,.08)}
html[data-design="cobalt-modern"] .home-library-card{box-shadow:inset 0 0 22px rgba(0,196,255,.025)}

/* Responsive */
@media(max-width:1100px){
 .home-visual,.search-hero-visual{grid-template-columns:1fr}.home-art{min-height:380px;order:-1}.home-art::after{background:linear-gradient(180deg,transparent 56%,var(--surface))}.home-copy{padding-top:30px}.search-hero-art{min-height:300px;order:-1}.search-hero-art::after{background:linear-gradient(180deg,transparent 55%,var(--surface))}.search-console-top{grid-template-columns:1fr 1fr}.search-console-top .control-group:last-child{grid-column:1/-1}.search-directory .engine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-ribbon{grid-template-columns:repeat(2,1fr)}html[data-design="bordeaux-night"] .home-canvas{display:block}.home-canvas::before{display:none!important}}
@media(max-width:720px){
 .home-stage,.search-hero-stage{padding-top:12px}.home-canvas,.search-hero-canvas{border-radius:10px}.home-art{min-height:260px}.home-copy{padding:24px}.home-copy h1{font-size:clamp(2.25rem,10.5vw,3.4rem)}.home-search{grid-template-columns:1fr}.home-search .input,.home-search .btn{border-radius:8px}.home-search .btn{margin-top:.5rem}.feature-ribbon{grid-template-columns:1fr}.ribbon-item{border-right:0;border-bottom:1px solid rgba(0,0,0,.12)}.home-shelf{padding:20px}.home-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-lower{grid-template-columns:1fr}.search-hero-copy{padding:24px}.search-hero-art{min-height:240px}.search-console{margin:-22px 12px 0;padding:14px}.search-console-top{grid-template-columns:1fr}.search-console-top .control-group:last-child{grid-column:auto}.search-console .search-box{grid-template-columns:1fr}.search-console .search-box .btn{margin-top:.5rem}.search-directory{padding-top:12px}.search-directory .engine-grid{grid-template-columns:1fr}.search-directory .engine{min-height:120px}.page-hero{min-height:220px;background-image:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 75%,transparent) 70%,var(--bg) 100%),var(--hero-image-mobile);background-position:center;background-size:cover}.page-hero .shell{grid-template-columns:1fr}.page-hero-copy{padding-top:62px}.page-hero h1{font-size:clamp(2rem,9vw,2.9rem)} }