/*
Theme Name: Voviarnoria Gallery
Theme URI: https://voviarnoria.com/
Author: Voviarnoria
Description: Tema editorial para obras, textos, poesía y video de Voviarnoria.
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: voviarnoria
*/

:root {
  --vovi-bg: #f4f0e8;
  --vovi-surface: #fffdf8;
  --vovi-text: #181716;
  --vovi-heading: #181716;
  --vovi-subtitle: #746f67;
  --vovi-link: #181716;
  --vovi-accent: #ff5b46;
  --vovi-menu-border: #ff5b46;
  --vovi-line: #d8d1c5;
  --vovi-columns: 3;
  --vovi-shadow: 0 16px 42px rgba(41,35,27,.09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--vovi-text); background:var(--vovi-bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.5; }
img,video { max-width:100%; height:auto; }
a { color:var(--vovi-link); }
button,input,select,textarea { font:inherit; }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.vovi-container { width:min(100% - 40px,1280px); margin-inline:auto; }

.vovi-header { position:sticky; z-index:50; top:0; border-bottom:1px solid color-mix(in srgb,var(--vovi-text) 12%,transparent); background:color-mix(in srgb,var(--vovi-bg) 90%,transparent); backdrop-filter:blur(18px); }
.vovi-header-inner { min-height:72px; display:grid; grid-template-columns:minmax(180px,1fr) minmax(240px,420px) auto; align-items:center; gap:20px; }
.vovi-brand { min-width:0; display:inline-flex; align-items:center; gap:10px; color:var(--vovi-heading); text-decoration:none; font:400 clamp(1.35rem,4vw,1.8rem)/1 Georgia,"Times New Roman",serif; letter-spacing:-.05em; }
.vovi-brand img { display:block; max-width:220px; max-height:48px; width:auto; }
.vovi-site-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vovi-brand-mark { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:var(--vovi-bg); background:var(--vovi-heading); font:700 14px/1 Georgia,serif; }
.vovi-header-search { width:100%; }
.vovi-search-form { width:100%; display:flex; align-items:center; gap:8px; }
.vovi-search-label { min-width:0; min-height:42px; flex:1; padding:0 13px; border:1px solid var(--vovi-line); border-radius:999px; display:flex; align-items:center; gap:9px; color:var(--vovi-subtitle); background:var(--vovi-surface); transition:.2s ease; }
.vovi-search-label:focus-within { border-color:var(--vovi-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--vovi-accent) 18%,transparent); color:var(--vovi-text); }
.vovi-search-field { min-width:0; width:100%; padding:0; border:0; outline:0; color:var(--vovi-text); background:transparent; }
.vovi-search-field::placeholder { color:var(--vovi-subtitle); opacity:1; }
.vovi-search-field::-webkit-search-cancel-button { cursor:pointer; }
.vovi-search-submit { min-height:42px; padding:0 15px; border:1px solid var(--vovi-text); border-radius:999px; color:var(--vovi-bg); background:var(--vovi-text); cursor:pointer; font-size:.82rem; font-weight:800; }
.vovi-search-submit:hover { border-color:var(--vovi-accent); background:var(--vovi-accent); }
.vovi-icon-button { width:44px; height:44px; border:1px solid var(--vovi-line); border-radius:50%; display:inline-grid; place-items:center; color:var(--vovi-text); background:var(--vovi-surface); cursor:pointer; transition:.2s ease; }
.vovi-icon-button:hover { transform:translateY(-2px); border-color:var(--vovi-text); }
.vovi-menu-wrap { position:relative; }
.vovi-main-menu { position:absolute; right:0; top:54px; width:min(280px,calc(100vw - 28px)); padding:10px; border:1px solid var(--vovi-line); border-radius:18px; background:var(--vovi-surface); box-shadow:var(--vovi-shadow); }
.vovi-main-menu[hidden] { display:none; }
.vovi-main-menu ul { list-style:none; margin:0; padding:0; }
.vovi-main-menu a { display:block; padding:12px 14px; border-radius:12px; color:var(--vovi-text); text-decoration:none; font-weight:700; }
.vovi-main-menu a:hover { background:var(--vovi-bg); }

.vovi-visual-nav { padding:18px 0; border-bottom:1px solid var(--vovi-line); background:color-mix(in srgb,var(--vovi-surface) 48%,transparent); }
.vovi-visual-items { display:flex; justify-content:center; gap:18px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; }
.vovi-visual-items::-webkit-scrollbar { display:none; }
.vovi-visual-item { flex:0 0 106px; width:106px; padding:0; border:0; display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--vovi-text); background:transparent; cursor:pointer; scroll-snap-align:center; text-decoration:none; transition:.2s ease; }
.vovi-visual-item:hover { transform:translateY(-3px); }
.vovi-visual-media { width:100%; aspect-ratio:1; overflow:hidden; display:block; border:3px solid var(--vovi-menu-border); background:#1b1917; box-shadow:0 5px 18px rgba(41,35,27,.08); transition:.2s ease; }
.vovi-visual-nav.is-square .vovi-visual-media { border-radius:14px; }
.vovi-visual-nav.is-circle .vovi-visual-media { border-radius:50%; }
.vovi-visual-item:hover .vovi-visual-media { box-shadow:0 9px 24px rgba(41,35,27,.14); }
.vovi-visual-item.is-active .vovi-visual-media { box-shadow:0 0 0 3px color-mix(in srgb,var(--vovi-menu-border) 30%,transparent),0 9px 24px rgba(41,35,27,.12); }
.vovi-visual-media img { width:100%; height:100%; object-fit:cover; display:block; }
.vovi-visual-label { width:100%; overflow:hidden; color:var(--vovi-text); font-size:.78rem; font-weight:750; line-height:1.2; text-align:center; text-overflow:ellipsis; white-space:nowrap; }

.vovi-feed-head { margin:38px auto 22px; display:flex; align-items:end; justify-content:space-between; gap:20px; }
.vovi-eyebrow { margin:0 0 3px; color:var(--vovi-accent); font-size:.75rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.vovi-page-title { margin:0; color:var(--vovi-heading); font:400 clamp(2.1rem,7vw,3.4rem)/1 Georgia,"Times New Roman",serif; letter-spacing:-.055em; }
.vovi-result-count { margin:0 0 6px; color:var(--vovi-subtitle); font-size:.86rem; }
.vovi-grid { display:grid; grid-template-columns:repeat(var(--vovi-columns),minmax(0,1fr)); gap:24px; align-items:start; }
.vovi-card { overflow:hidden; border:1px solid var(--vovi-line); border-radius:18px; background:var(--vovi-surface); box-shadow:var(--vovi-shadow); }
.vovi-card-image { display:block; overflow:hidden; aspect-ratio:var(--vovi-card-ratio,4 / 5); background:#d9d2c7; }
.vovi-card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease,filter .25s ease; }
.vovi-card-image.vovi-ratio-original { aspect-ratio:auto; }
.vovi-card-image.vovi-ratio-original img { height:auto; }
.vovi-card-image:hover img { transform:scale(1.018); filter:saturate(1.06); }
.vovi-card-placeholder { width:100%; height:100%; display:grid; place-items:center; color:var(--vovi-subtitle); font:italic 700 2rem Georgia,serif; }
.vovi-card-body { padding:16px; }
.vovi-card-top { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.vovi-card-title { margin:0; color:var(--vovi-heading); font:400 clamp(1.25rem,2vw,1.65rem)/1.05 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
.vovi-card-title a { color:inherit; text-decoration:none; }
.vovi-card-title a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.vovi-card-meta { margin:7px 0 0; display:flex; flex-wrap:wrap; gap:4px 9px; color:var(--vovi-subtitle); font-size:.82rem; }
.vovi-card-meta span:not(:last-child)::after { content:"·"; margin-left:9px; color:var(--vovi-line); }
.vovi-card-actions { display:flex; gap:7px; flex:0 0 auto; }
.vovi-vote.is-voted { color:#fff; border-color:var(--vovi-accent); background:var(--vovi-accent); }
.vovi-vote.is-voted svg { fill:currentColor; }
.vovi-vote-count { margin:12px 0 0; color:var(--vovi-subtitle); font-size:.76rem; }
.vovi-load-wrap { padding:34px 0 0; text-align:center; }
.vovi-button { min-height:46px; padding:0 20px; border:1px solid var(--vovi-text); border-radius:999px; color:var(--vovi-bg); background:var(--vovi-text); cursor:pointer; font-weight:800; }
.vovi-button:hover { color:#fff; background:var(--vovi-accent); border-color:var(--vovi-accent); }
.vovi-empty { padding:50px 20px; border:1px dashed var(--vovi-line); border-radius:18px; color:var(--vovi-subtitle); text-align:center; }

.vovi-single { padding:46px 0 80px; }
.vovi-breadcrumb { margin:0 0 25px; color:var(--vovi-subtitle); font-size:.8rem; }
.vovi-breadcrumb a { color:inherit; text-decoration:none; }
.vovi-work-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr); gap:clamp(34px,6vw,86px); align-items:start; }
.vovi-work-media { min-width:0; }
.vovi-featured { overflow:hidden; border-radius:4px; background:#ddd5ca; box-shadow:var(--vovi-shadow); }
.vovi-featured img { width:100%; height:auto; display:block; }
.vovi-work-info { position:sticky; top:112px; }
.vovi-category { margin:0 0 10px; color:var(--vovi-accent); font-size:.76rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.vovi-work-title { margin:0; color:var(--vovi-heading); font:400 clamp(3rem,6vw,5.5rem)/.9 Georgia,"Times New Roman",serif; letter-spacing:-.065em; }
.vovi-author-line { margin:20px 0 0; color:var(--vovi-subtitle); }
.vovi-author-line a { color:var(--vovi-text); font-weight:800; text-decoration:none; }
.vovi-single-actions { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 28px; }
.vovi-action { min-height:46px; padding:0 16px; border:1px solid var(--vovi-line); border-radius:999px; display:inline-flex; align-items:center; gap:8px; color:var(--vovi-text); background:var(--vovi-surface); cursor:pointer; font-weight:750; text-decoration:none; }
.vovi-details { margin:0; border-top:1px solid var(--vovi-line); }
.vovi-detail { padding:13px 0; border-bottom:1px solid var(--vovi-line); display:grid; grid-template-columns:110px 1fr; gap:18px; }
.vovi-detail dt { color:var(--vovi-subtitle); font-size:.78rem; }
.vovi-detail dd { margin:0; font-size:.88rem; font-weight:700; }
.vovi-post-content { margin-top:42px; padding-top:8px; }
.vovi-content { margin-top:0; font-family:Georgia,"Times New Roman",serif; font-size:1.08rem; line-height:1.72; }
.vovi-content > * { max-width:760px; margin-left:auto; margin-right:auto; }
.vovi-content > figure,.vovi-content > .wp-block-gallery,.vovi-content > video { max-width:100%; margin-top:26px; margin-bottom:26px; }
.vovi-content figure img { display:block; width:100%; height:auto; }
.vovi-content .wp-block-gallery { display:block; }
.vovi-content .wp-block-gallery > figure { width:100%!important; margin:0 0 24px!important; }
.vovi-self-video { display:block; width:100%; margin-top:24px; background:#000; }
.vovi-comments { max-width:760px; margin:56px auto 0; padding-top:30px; border-top:1px solid var(--vovi-line); }
.comment-list { padding-left:20px; }
.comment-list li { margin-bottom:22px; }
.comment-form textarea { width:100%; min-height:140px; }
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] { width:100%; min-height:44px; }

.vovi-author-page { padding:50px 0 80px; }
.vovi-author-head { display:grid; grid-template-columns:220px 1fr; gap:38px; align-items:center; margin-bottom:48px; }
.vovi-author-portrait { aspect-ratio:1; overflow:hidden; border-radius:12px; background:var(--vovi-surface); }
.vovi-author-portrait img { width:100%; height:100%; object-fit:cover; }
.vovi-author-name { margin:0; color:var(--vovi-heading); font:400 clamp(3rem,7vw,5.7rem)/.92 Georgia,serif; letter-spacing:-.06em; }
.vovi-author-bio { max-width:700px; color:var(--vovi-subtitle); }
.vovi-toast { position:fixed; z-index:80; left:50%; bottom:24px; transform:translate(-50%,20px); padding:11px 16px; border-radius:999px; color:#fff; background:var(--vovi-text); box-shadow:var(--vovi-shadow); opacity:0; pointer-events:none; transition:.2s ease; font-size:.88rem; white-space:nowrap; }
.vovi-toast.is-visible { opacity:1; transform:translate(-50%,0); }

.vovi-footer { margin-top:76px; border-top:1px solid var(--vovi-line); background:color-mix(in srgb,var(--vovi-surface) 60%,transparent); }
.vovi-footer-grid { padding:42px 0 30px; display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,.6fr); gap:40px; align-items:start; }
.vovi-footer-brand { display:inline-flex; margin-bottom:13px; }
.vovi-footer-text { max-width:620px; margin:0; color:var(--vovi-subtitle); font-size:.9rem; }
.vovi-footer-menu ul { margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 22px; list-style:none; }
.vovi-footer-menu a { color:var(--vovi-text); font-size:.88rem; font-weight:750; text-decoration:none; }
.vovi-footer-menu a:hover { color:var(--vovi-accent); }
.vovi-footer-bottom { padding:18px 0 25px; border-top:1px solid var(--vovi-line); color:var(--vovi-subtitle); font-size:.78rem; }
.vovi-footer-bottom p { margin:0; }

button:focus-visible,a:focus-visible { outline:3px solid color-mix(in srgb,var(--vovi-accent) 50%,transparent); outline-offset:3px; }

@media (max-width:1100px) { .vovi-grid { --vovi-columns:min(3,var(--vovi-columns)); grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:850px) {
  .vovi-header-inner { min-height:64px; grid-template-columns:minmax(0,1fr) minmax(200px,320px) auto; gap:12px; }
  .vovi-brand img { max-width:150px; }
  .vovi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .vovi-work-layout { grid-template-columns:1fr; gap:28px; }
  .vovi-work-info { position:static; }
  .vovi-work-title { font-size:clamp(2.8rem,13vw,4.6rem); }
  .vovi-author-head { grid-template-columns:140px 1fr; gap:24px; }
}
@media (max-width:680px) {
  .vovi-header-inner { padding:10px 0; grid-template-columns:minmax(0,1fr) auto; gap:10px 12px; }
  .vovi-header-search { grid-column:1/-1; grid-row:2; }
  .vovi-menu-wrap { grid-column:2; grid-row:1; }
  .vovi-brand { grid-column:1; grid-row:1; }
  .vovi-search-submit { min-height:40px; }
  .vovi-search-label { min-height:40px; }
}
@media (max-width:580px) {
  .vovi-container { width:min(100% - 28px,1280px); }
  .vovi-visual-nav { padding:14px 0; }
  .vovi-visual-items { width:100%; justify-content:flex-start; gap:10px; }
  .vovi-visual-item { flex-basis:82px; width:82px; }
  .vovi-grid { grid-template-columns:1fr; }
  .vovi-result-count { display:none; }
  .vovi-card { border-radius:14px; }
  .vovi-author-head { grid-template-columns:1fr; }
  .vovi-author-portrait { width:140px; }
  .vovi-brand { font-size:1.25rem; }
  .vovi-brand img { max-width:112px; max-height:38px; }
  .vovi-search-submit { padding-inline:13px; }
  .vovi-footer-grid { grid-template-columns:1fr; gap:24px; }
  .vovi-footer-menu ul { justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }