/*
Theme Name: Optivanta
Theme URI: https://optivanta.es
Author: Optivanta Digital SL
Author URI: https://optivanta.es
Description: Tema de Optivanta Digital SL. Diseño "Celosía": una columna de lectura limpia junto a una celosía animada inspirada en la arquitectura andalusí. Compatible con WPBakery Page Builder, Polylang, Loco Translate, Yoast SEO y One Click Demo Import. Paletas de color y animaciones seleccionables desde el Personalizador.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: optivanta
Tags: custom-logo, custom-menu, custom-colors, featured-images, full-width-template, translation-ready, blog, one-column, two-columns
*/

/* ==========================================================================
   Tokens. Colours are printed by inc/setup.php from the Customizer palette:
   --optv-primary (yellow by default) and --optv-second (second brand colour).
   ========================================================================== */
:root{
  --optv-primary:#f6b400;
  --optv-second:#c60b1e;
  --optv-second-soft:#fbe7e9;
  --optv-ink:#111111;
  --optv-paper:#ffffff;
  --optv-muted:#5c5c60;
  --optv-line:#e4e4e1;
  --optv-soft:#f6f6f4;
  --optv-on-second:#ffffff;
  --optv-hdr:68px;
  --optv-max:1240px;
  --optv-read:740px;
  --optv-f-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --optv-f-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --optv-f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
body.optv-no-gfonts{
  --optv-f-display:"Arial Black","Segoe UI",system-ui,sans-serif;
  --optv-f-body:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --optv-f-mono:ui-monospace,Menlo,Consolas,monospace;
}

/* ==========================================================================
   Base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--optv-hdr) + 12px)}
body{margin:0;background:var(--optv-paper);color:var(--optv-ink);font:17px/1.65 var(--optv-f-body);-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--optv-ink);text-underline-offset:3px}
a:hover{color:var(--optv-second)}
h1,h2,h3,h4,h5,h6{font-family:var(--optv-f-display);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.2rem,5vw,3.8rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
h3{font-size:clamp(1.2rem,2vw,1.5rem)}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--optv-second);outline-offset:3px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;left:8px;top:8px;z-index:100000;background:var(--optv-paper);padding:12px 16px}
.optv-mono{font-family:var(--optv-f-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.optv-wrap{max-width:var(--optv-max);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-ph{background:#fff4cc;padding:0 .3em;font-family:var(--optv-f-mono);font-size:.88em}
.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{display:block;margin:0 auto 1em}
.wp-caption-text,figcaption{font-size:.88rem;color:var(--optv-muted)}
.sticky,.bypostauthor,.gallery-caption{}

/* ==========================================================================
   Header (sticky)
   ========================================================================== */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--optv-paper)}
.optv-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--optv-line)}
.admin-bar .optv-header{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){.admin-bar .optv-header{top:env(safe-area-inset-top,0px)}}
.optv-header__in{min-height:var(--optv-hdr);display:flex;align-items:center;gap:20px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--optv-f-display);font-weight:700;font-size:1.1rem;color:var(--optv-ink)}
.optv-brand img,.custom-logo{max-height:44px;width:auto;display:block}
.custom-logo-link{display:flex;align-items:center}
.optv-nav{margin-left:auto}
.optv-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.optv-nav li{position:relative}
.optv-nav a{display:block;padding:8px 12px;text-decoration:none;font-size:.95rem;color:var(--optv-ink)}
.optv-nav a:hover{background:var(--optv-soft);color:var(--optv-ink)}
.optv-nav a[aria-current="page"],.optv-nav a[aria-current="true"],.optv-nav .current-menu-item>a{background:var(--optv-primary)}
.optv-nav .optv-cta>a{background:var(--optv-ink);color:var(--optv-paper);margin-left:8px}
.optv-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--optv-paper);border:1px solid var(--optv-line);padding:6px;flex-direction:column;align-items:stretch;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.optv-nav li:hover>.sub-menu,.optv-nav li:focus-within>.sub-menu{display:flex}
.optv-lang{display:flex;gap:2px;font-family:var(--optv-f-mono);font-size:.78rem}
.optv-lang a,.optv-lang span{padding:5px 8px;text-decoration:none;color:var(--optv-muted)}
.optv-lang a:hover{background:var(--optv-soft);color:var(--optv-ink)}
.optv-lang .is-current{background:var(--optv-ink);color:var(--optv-paper)}
.optv-menu-btn{display:none;margin-left:auto;border:2px solid var(--optv-ink);background:none;font:600 .9rem var(--optv-f-body);padding:8px 14px;cursor:pointer;color:var(--optv-ink)}
@media (max-width:980px){
  .optv-menu-btn{display:block}
  .optv-nav{position:absolute;top:100%;left:0;right:0;background:var(--optv-paper);border-bottom:1px solid var(--optv-line);padding:8px max(24px,env(safe-area-inset-right,0px)) 16px max(24px,env(safe-area-inset-left,0px));max-height:calc(100vh - var(--optv-hdr));overflow:auto}
  .optv-nav[hidden]{display:none}
  .optv-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .optv-nav a{padding:12px 4px;border-bottom:1px solid var(--optv-line)}
  .optv-nav .optv-cta>a{margin:10px 0 0;text-align:center}
  .optv-nav .sub-menu{display:flex;position:static;border:0;box-shadow:none;padding:0 0 0 14px}
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.optv-breadcrumbs{font-family:var(--optv-f-mono);font-size:.78rem;color:var(--optv-muted);margin:0 0 14px}
.optv-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.optv-breadcrumbs li+li::before{content:"/";margin-right:6px;color:var(--optv-line)}
.optv-breadcrumbs a{color:var(--optv-muted)}
.optv-breadcrumbs .breadcrumb_last,.optv-breadcrumbs [aria-current]{color:var(--optv-ink)}

/* ==========================================================================
   Home template: content 2/3 + sticky stage 1/3
   ========================================================================== */
.optv-home{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.optv-home.is-stage-left{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.optv-home.is-stage-left .optv-stage{order:-1}
.optv-home.is-no-stage{grid-template-columns:1fr}
.optv-home__col{min-width:0;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:clamp(24px,4vw,64px)}
.optv-home.is-no-stage .optv-home__col{max-width:var(--optv-max);margin:0 auto;width:100%}
.optv-stage{position:sticky;top:calc(var(--optv-hdr) + env(safe-area-inset-top,0px));height:calc(100vh - var(--optv-hdr));align-self:start;background:var(--optv-ink);overflow:hidden}
.admin-bar .optv-stage{top:calc(var(--optv-hdr) + 32px);height:calc(100vh - var(--optv-hdr) - 32px)}
.optv-stage canvas,.optv-strip canvas{display:block;width:100%;height:100%}
.optv-stage__cap{position:absolute;left:18px;right:18px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;color:#c9c9cd;font-family:var(--optv-f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.optv-stage__cap b{color:var(--optv-primary);font-weight:500}
@media (max-width:980px){
  .optv-home,.optv-home.is-stage-left{grid-template-columns:1fr}
  .optv-stage{order:-1;height:22vh;min-height:150px;z-index:4}
  .admin-bar .optv-stage{height:22vh}
  .optv-home__col{padding-right:max(24px,env(safe-area-inset-right,0px))}
}
.optv-home__col .entry-content>.vc_row,.optv-home__col .wpb-content-wrapper>.vc_row,.optv-home__col .entry-content>.optv-step{min-height:calc(100vh - var(--optv-hdr));display:flex;flex-direction:column;justify-content:center;padding-block:80px;border-bottom:1px solid var(--optv-line)}
.optv-home__col .entry-content>.vc_row,.optv-home__col .wpb-content-wrapper>.vc_row{flex-direction:row;flex-wrap:wrap;align-content:center;margin-left:0;margin-right:0}
.optv-home__col .vc_row>.vc_column_container{flex:1 1 100%}
.optv-home__col .entry-content>.vc_row:last-child,.optv-home__col .wpb-content-wrapper>.vc_row:last-child,.optv-home__col .entry-content>.optv-step:last-child{border-bottom:0}
.optv-home__col .vc_row.optv-auto{min-height:0}
@media (max-width:980px){.optv-home__col .entry-content>.vc_row,.optv-home__col .wpb-content-wrapper>.vc_row,.optv-home__col .entry-content>.optv-step{min-height:0;padding-block:56px}}

/* ==========================================================================
   Page header + animated strip (full width, content, blog templates)
   ========================================================================== */
.optv-pagehead{border-bottom:1px solid var(--optv-line)}
.optv-pagehead__in{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);min-height:260px}
.optv-pagehead__txt{padding-block:56px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:center}
.optv-pagehead__txt h1{margin:0}
.optv-pagehead__txt .optv-lead{margin:14px 0 0;max-width:36em;color:#2b2b2e;font-size:1.12rem}
.optv-strip{background:var(--optv-ink);min-height:200px;position:relative}
.optv-pagehead.is-no-strip .optv-pagehead__in{grid-template-columns:1fr}
@media (max-width:820px){.optv-pagehead__in{grid-template-columns:1fr}.optv-strip{min-height:120px;height:120px;order:-1}}

/* ==========================================================================
   Content containers
   ========================================================================== */
.optv-main{display:block}
.optv-full .entry-content>*:not(.vc_row):not(.alignfull):not(.wpb-content-wrapper){max-width:var(--optv-max);margin-left:auto;margin-right:auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-full .entry-content>.vc_row,.optv-full .wpb-content-wrapper>.vc_row{max-width:var(--optv-max);margin:0 auto 48px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-full .vc_row[data-vc-full-width],.optv-full .vc_row.vc_row-no-padding{max-width:none;padding-left:0;padding-right:0}
.optv-full .entry-content{padding-block:48px}

.optv-article{display:grid;grid-template-columns:minmax(0,var(--optv-read)) minmax(0,260px);gap:64px;justify-content:center;padding-block:56px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-article.is-no-toc{grid-template-columns:minmax(0,var(--optv-read))}
.optv-article .entry-content{font-size:1.06rem}
.optv-article .entry-content h2{margin-top:1.6em}
.optv-article .entry-content h3{margin-top:1.3em}
.optv-article .entry-content blockquote{margin:1.5em 0;padding:4px 0 4px 22px;border-left:4px solid var(--optv-primary);font-size:1.15rem}
.optv-article .entry-content pre{background:var(--optv-soft);padding:16px;overflow-x:auto;font-family:var(--optv-f-mono);font-size:.9rem}
.optv-article .entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.optv-article .entry-content th,.optv-article .entry-content td{border:1px solid var(--optv-line);padding:8px 12px;text-align:left}
.optv-toc{position:sticky;top:calc(var(--optv-hdr) + 32px);align-self:start;border-top:3px solid var(--optv-ink);padding-top:14px}
.optv-toc ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px}
.optv-toc a{display:block;padding:6px 10px;text-decoration:none;font-size:.92rem;color:var(--optv-muted)}
.optv-toc a.is-active{background:var(--optv-primary);color:var(--optv-ink)}
@media (max-width:980px){.optv-article{grid-template-columns:minmax(0,1fr)}.optv-toc{display:none}}

.optv-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--optv-muted);font-size:.92rem;margin-top:12px}
.optv-featured{margin:0 0 32px}
.optv-featured img{width:100%;display:block}
.optv-tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}
.optv-tags a{font-family:var(--optv-f-mono);font-size:.78rem;padding:5px 10px;border:1px solid var(--optv-line);text-decoration:none}
.optv-postnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;border-top:1px solid var(--optv-line);padding-top:24px}
.optv-postnav a{text-decoration:none;display:flex;flex-direction:column;gap:4px}
.optv-postnav .next{text-align:right}

/* ==========================================================================
   Blog grid
   ========================================================================== */
.optv-blog{padding-block:48px}
.optv-blog__intro{max-width:var(--optv-read);margin-bottom:32px}
.optv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:980px){.optv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.optv-grid{grid-template-columns:1fr}}
.optv-post{display:flex;flex-direction:column;border:1px solid var(--optv-line);background:var(--optv-paper)}
.optv-post__img{display:block;aspect-ratio:16/10;background:var(--optv-soft);overflow:hidden}
.optv-post__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.optv-post:hover .optv-post__img img{transform:scale(1.03)}
.optv-post__img.is-empty{background:var(--optv-ink);position:relative}
.optv-post__img.is-empty::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--optv-primary) 0 22%,transparent 23%) 0 0/48px 48px}
.optv-post__body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.optv-post__cat{font-family:var(--optv-f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--optv-second);text-decoration:none}
.optv-post__title{font-size:1.15rem;margin:0}
.optv-post__title a{text-decoration:none}
.optv-post__ex{color:var(--optv-muted);font-size:.95rem;margin:0}
.optv-post__date{margin-top:auto;font-family:var(--optv-f-mono);font-size:.75rem;color:var(--optv-muted)}
.optv-pagination{margin-top:40px}
.optv-pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.optv-pagination .page-numbers{display:inline-block;min-width:42px;text-align:center;padding:9px 12px;border:1px solid var(--optv-line);text-decoration:none}
.optv-pagination .page-numbers.current{background:var(--optv-primary);border-color:var(--optv-primary)}

/* ==========================================================================
   Legal template (simple)
   ========================================================================== */
.optv-legal{max-width:var(--optv-read);margin:0 auto;padding-block:56px 80px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-legal__head{display:flex;gap:18px;align-items:flex-start;border-bottom:1px solid var(--optv-line);padding-bottom:24px;margin-bottom:32px}
.optv-legal__icon{flex:none;width:56px;height:56px;background:var(--optv-ink);position:relative}
.optv-legal__icon::before,.optv-legal__icon::after{content:"";position:absolute;inset:16px;background:var(--optv-primary)}
.optv-legal__icon::after{transform:rotate(45deg)}
.optv-legal h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0}
.optv-legal .entry-content h2{font-size:1.25rem;margin-top:2em}
.optv-legal .entry-content li{margin-bottom:.4em}
.optv-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;pointer-events:none}
.optv-progress span{display:block;height:100%;width:0;background:var(--optv-second)}
.optv-fade-item{transition:opacity .6s ease,transform .6s ease}
.optv-fade-item.is-pending{opacity:0;transform:translateY(14px)}

/* ==========================================================================
   Elements (shortcodes / WPBakery)
   ========================================================================== */
.optv-hero__eyebrow{color:var(--optv-muted);display:block;margin-bottom:18px}
.optv-hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;max-width:12em;margin:0 0 24px}
.optv-hl{background:var(--optv-primary);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.optv-lead{font-size:1.22rem;color:#2b2b2e;max-width:32em}
.optv-btns{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0}
.optv-btn{display:inline-block;padding:15px 24px;font-weight:600;text-decoration:none;border:2px solid var(--optv-ink);color:var(--optv-ink);background:transparent;font-family:var(--optv-f-body);font-size:1rem;cursor:pointer;line-height:1.2}
.optv-btn:hover{color:var(--optv-ink);background:var(--optv-soft)}
.optv-btn.is-primary{background:var(--optv-primary);border-color:var(--optv-primary)}
.optv-btn.is-second{background:var(--optv-second);border-color:var(--optv-second);color:var(--optv-on-second)}
.optv-btn.is-ink{background:var(--optv-ink);color:var(--optv-paper)}
.optv-btn.is-primary:hover,.optv-btn.is-second:hover,.optv-btn.is-ink:hover{filter:brightness(1.08)}
.optv-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--optv-line);border:1px solid var(--optv-line);margin-top:36px;max-width:880px}
.optv-facts div{background:var(--optv-paper);padding:18px 20px;display:flex;flex-direction:column;gap:2px}
.optv-facts b{font-family:var(--optv-f-display);font-size:1.05rem}
.optv-facts span{color:var(--optv-muted);font-size:.92rem}
@media (max-width:640px){.optv-facts{grid-template-columns:1fr}}

.optv-shead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 32px;align-items:end;max-width:880px;margin-bottom:28px}
.optv-shead h2{margin:0}
.optv-shead p{margin:0;color:#2b2b2e}
.optv-tag{display:flex;align-items:center;gap:10px;color:var(--optv-muted);grid-column:1/-1}
.optv-tag i{width:12px;height:12px;display:block;background:var(--optv-second)}
.optv-tag i.is-primary{background:var(--optv-primary)}
.optv-tag i.is-ink{background:var(--optv-ink)}
@media (max-width:720px){.optv-shead{grid-template-columns:1fr}}

.optv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:880px}
.optv-cards.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.optv-cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.optv-card{border:1px solid var(--optv-line);padding:22px;display:flex;flex-direction:column;gap:8px;background:var(--optv-paper)}
.optv-card h3{font-size:1.05rem;line-height:1.25;margin:0}
.optv-card p{color:var(--optv-muted);font-size:.95rem;margin:0}
.optv-card .k{font-family:var(--optv-f-mono);font-size:.75rem;color:var(--optv-second);letter-spacing:.08em;text-transform:uppercase}
.optv-card a.more{margin-top:auto;font-weight:600}
.optv-card.is-second{background:var(--optv-second);border-color:var(--optv-second);color:var(--optv-on-second)}
.optv-card.is-second p,.optv-card.is-second .k,.optv-card.is-second a{color:var(--optv-on-second)}
.optv-card.is-primary{background:var(--optv-primary);border-color:var(--optv-primary)}
.optv-card.is-primary p{color:#2a2410}.optv-card.is-primary .k{color:var(--optv-ink)}
.optv-card.is-ink{background:var(--optv-ink);border-color:var(--optv-ink);color:var(--optv-paper)}
.optv-card.is-ink p,.optv-card.is-ink .k,.optv-card.is-ink a{color:#d6d6da}
@media (max-width:820px){.optv-cards,.optv-cards.cols-2,.optv-cards.cols-4{grid-template-columns:1fr}}

.optv-shop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;max-width:880px}
.optv-shop dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--optv-line);border:1px solid var(--optv-line)}
.optv-shop dl div{background:var(--optv-paper);padding:18px 20px}
.optv-shop dt{color:var(--optv-muted)}
.optv-shop dd{margin:4px 0 0;font-weight:600;white-space:pre-line}
.optv-shop__box{background:var(--optv-primary);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.optv-shop__box b{font-family:var(--optv-f-display);font-size:1.5rem;line-height:1.15}
@media (max-width:820px){.optv-shop{grid-template-columns:1fr}.optv-shop dl{grid-template-columns:1fr}}

.optv-contact{background:var(--optv-second);color:var(--optv-on-second);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:880px}
.optv-contact p{margin:0}
.optv-mail{font-family:var(--optv-f-mono);font-size:clamp(1.05rem,2.6vw,1.45rem);background:var(--optv-paper);color:var(--optv-ink);padding:10px 14px;text-decoration:none;word-break:break-all}
a.optv-mail:hover{background:var(--optv-primary);color:var(--optv-ink)}

/* ==========================================================================
   Footer, widgets, search, comments, 404
   ========================================================================== */
.optv-footer{background:var(--optv-ink);color:#c9c9cd;margin-top:0}
.optv-footer a{color:#e6e6e8}
.optv-footer a:hover{color:var(--optv-primary)}
.optv-footer__widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:56px}
.optv-footer__widgets h2,.optv-footer__widgets .widget-title{font-size:1rem;color:var(--optv-paper);margin-bottom:12px}
.optv-footer__widgets ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media (max-width:820px){.optv-footer__widgets{grid-template-columns:1fr}}
.optv-footer__bar{border-top:1px solid #2a2a2c;padding-block:22px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:.9rem}
.optv-footer__bar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px}
.search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;font:inherit;padding:11px 13px;border:2px solid var(--optv-ink)}
.search-form button{border:2px solid var(--optv-ink);background:var(--optv-ink);color:var(--optv-paper);font:600 1rem var(--optv-f-body);padding:0 18px;cursor:pointer}
.optv-404{max-width:var(--optv-read);margin:0 auto;padding-block:96px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.optv-404 .big{font-family:var(--optv-f-display);font-size:clamp(5rem,16vw,10rem);line-height:1;background:var(--optv-primary);display:inline-block;padding:0 .1em;margin-bottom:24px}
.comments-area{margin-top:56px;border-top:1px solid var(--optv-line);padding-top:32px}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-left:24px}
.comment-body{border-bottom:1px solid var(--optv-line);padding:16px 0}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;font:inherit;padding:11px 13px;border:2px solid var(--optv-ink)}
.comment-form .submit{background:var(--optv-primary);border:0;font:600 1rem var(--optv-f-body);padding:14px 22px;cursor:pointer}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
  .optv-fade-item.is-pending{opacity:1;transform:none}
}