/*
Theme Name: Mi VRK · Archivo
Author: VRK
Description: Tema personalizado minimalista para mivrk.com.
Version: 0.5.16
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: mivrk-archivo
*/
:root{--bg:#fff;--text:#111;--muted:#747474;--line:#d9d9d9;--accent:#cfff00;--accent-dark:#9fc400;--max:1440px}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Courier New",Courier,monospace;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover,a:focus-visible{color:var(--accent-dark)}::selection{background:var(--accent);color:#000}
.vrk-shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.vrk-header{padding-top:28px}.vrk-footer{color:var(--muted);font-size:.85rem;padding:28px 0 42px}
.vrk-hero-title{font-size:clamp(3.2rem,8vw,7.5rem);line-height:.92;font-weight:500;letter-spacing:-.055em;margin:0}.vrk-subtitle{color:var(--muted);font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.6}
.vrk-lead{max-width:760px;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.8}.vrk-section-title{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:500;margin:0 0 .9rem}
.vrk-card{border-top:1px solid var(--line);padding-top:1.5rem;min-height:150px}.vrk-card h3{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;margin:0 0 .8rem}.vrk-card p{color:var(--muted);line-height:1.65}
.vrk-list{border-top:1px solid var(--line)}.vrk-list>*{border-bottom:1px solid var(--line);padding:1rem 0}.vrk-meta,.vrk-link{color:var(--muted)}
.vrk-arrow{color:var(--accent-dark);font-size:1.3rem;text-decoration:none}.vrk-button .wp-block-button__link,.wp-element-button{background:var(--accent);color:#111;border-radius:0;border:0;padding:.95rem 1.35rem;font-family:inherit;font-weight:700;text-transform:uppercase;box-shadow:none}
.vrk-button .wp-block-button__link:hover,.wp-element-button:hover{background:#bdf000;color:#111}.wp-site-blocks{padding:0}.wp-block-post-content{line-height:1.75}
input,textarea,select{font:inherit;border-radius:0;border:1px solid #aaa;background:#fff;color:#111;padding:.75rem}
@media(max-width:780px){.vrk-shell{width:min(calc(100% - 32px),var(--max))}.vrk-header{padding-top:18px}.vrk-hero-title{font-size:clamp(3rem,15vw,5rem)}}


/* v0.1.1 refinements */
.vrk-header{
  border-bottom:1px solid var(--line);
  padding-bottom:22px;
}
.vrk-footer{
  border-top:1px solid var(--line);
  margin-top:40px;
}
.vrk-header a,
.vrk-list a,
.vrk-footer a{
  text-decoration:none;
}
.vrk-header a:hover,
.vrk-list a:hover,
.vrk-footer a:hover{
  color:var(--accent-dark);
}
.vrk-card{
  cursor:pointer;
  position:relative;
}
.vrk-card > a.vrk-card-link{
  position:absolute;
  inset:0;
  z-index:1;
  text-indent:-9999px;
  overflow:hidden;
}
.vrk-card h3,
.vrk-card p,
.vrk-card .vrk-arrow{
  position:relative;
  z-index:2;
  pointer-events:none;
}
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content{
  background:var(--accent);
  color:#111 !important;
  padding:.65rem .85rem;
  font-weight:700;
}
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after,
.wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content::after{
  content:" →";
}
.vrk-lead{
  margin-left:0 !important;
}


/* v0.1.2 refinements */
.vrk-card{
  border-left:1px solid var(--line);
  border-top:0;
  padding:0 0 0 1.6rem;
  min-height:170px;
}
.vrk-card:first-child{
  border-left:0;
  padding-left:0;
}
.vrk-directory-row{
  display:flex;
  align-items:center;
  gap:.65rem;
}
.vrk-folder-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#8a8a8a;
}
.vrk-folder-icon svg{
  display:block;
  width:100%;
  height:100%;
  stroke:currentColor;
}
.vrk-directory-row a{
  text-decoration:none;
}


/* v0.1.3 */
.vrk-gates-row{
  border-top:1px solid var(--line);
  padding-top:1.4rem;
  margin-top:.85rem;
}


/* v0.1.4 — ajuste fino de grises */
:root{
  --muted:#666666;
  --line:#d2d2d2;
}
.vrk-subtitle,
.vrk-card p,
.vrk-meta,
.vrk-link{
  color:#666666;
}
.vrk-footer{
  color:#7a7a7a;
}
.vrk-folder-icon{
  color:#777777;
}


/* v0.2.0 — /archivo mapa maestro */
.vrk-archive-kicker{
  color:var(--muted);
  font-size:.85rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 0 1rem;
}
.vrk-archive-title{
  font-size:clamp(3rem,7vw,6.8rem);
  line-height:.95;
  font-weight:500;
  letter-spacing:-.05em;
  margin:0;
}
.vrk-archive-intro{
  max-width:780px;
  font-size:clamp(1rem,1.45vw,1.25rem);
  line-height:1.8;
  margin-top:1.4rem;
}
.vrk-status-legend{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1.1rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:1rem 0;
  margin:3.2rem 0 4rem;
  color:var(--muted);
  font-size:.78rem;
}
.vrk-status{
  display:inline-block;
  font-size:.74rem;
  letter-spacing:.035em;
  color:#555;
  white-space:nowrap;
}
.vrk-map{
  border-top:1px solid var(--line);
}
.vrk-map-item{
  display:grid;
  grid-template-columns:72px minmax(220px, .75fr) minmax(280px, 1.5fr) 170px 34px;
  gap:1.4rem;
  align-items:start;
  padding:1.55rem 0;
  border-bottom:1px solid var(--line);
  text-decoration:none;
  position:relative;
}
.vrk-map-item:hover{
  color:inherit;
}
.vrk-map-num{
  color:#8a8a8a;
  font-size:.82rem;
  padding-top:.18rem;
}
.vrk-map-name{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  font-size:clamp(1.05rem,1.6vw,1.3rem);
  font-weight:700;
}
.vrk-map-description{
  color:var(--muted);
  line-height:1.65;
  font-size:.95rem;
}
.vrk-map-arrow{
  color:var(--accent-dark);
  font-size:1.25rem;
  text-align:right;
}
.vrk-map-item:hover .vrk-map-name{
  color:var(--accent-dark);
}
.vrk-map-item.is-static{
  cursor:default;
}
.vrk-map-item.is-static:hover .vrk-map-name{
  color:inherit;
}
.vrk-map-item.is-static .vrk-map-arrow{
  color:#aaa;
}
.vrk-map-footer{
  margin-top:3.2rem;
  padding-top:1.1rem;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.9rem;
}
@media(max-width:980px){
  .vrk-map-item{
    grid-template-columns:48px 1fr auto;
    gap:.75rem 1rem;
  }
  .vrk-map-description{
    grid-column:2 / 4;
  }
  .vrk-status{
    grid-column:2 / 3;
  }
  .vrk-map-arrow{
    grid-column:3 / 4;
    grid-row:1;
  }
}
@media(max-width:620px){
  .vrk-map-item{
    grid-template-columns:34px 1fr 24px;
    padding:1.25rem 0;
  }
  .vrk-map-name{
    font-size:1rem;
  }
  .vrk-map-description{
    font-size:.9rem;
  }
}


/* v0.2.1 — ajuste fino de grises solo para /archivo */
.vrk-archive-intro{
  color:#5f5f5f;
}
.vrk-status-legend{
  color:#6a6a6a;
}
.vrk-map-description{
  color:#606060;
}
.vrk-map-num{
  color:#7d7d7d;
}
.vrk-status{
  color:#666666;
}
.vrk-map-footer{
  color:#666666;
}


/* v0.2.2 — grises más firmes solo para /archivo */
.vrk-archive-intro{
  color:#525252;
}
.vrk-status-legend{
  color:#5d5d5d;
}
.vrk-map-description{
  color:#545454;
}
.vrk-map-num{
  color:#6b6b6b;
}
.vrk-status{
  color:#585858;
}
.vrk-map-footer{
  color:#585858;
}


/* v0.3.0 — /jkg */
.vrk-jkg-kicker{
  color:#5d5d5d;
  font-size:.85rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 0 1rem;
}
.vrk-jkg-title{
  font-size:clamp(3.4rem,7.5vw,7.2rem);
  line-height:.92;
  font-weight:500;
  letter-spacing:-.05em;
  margin:0;
}
.vrk-jkg-subtitle{
  color:#555;
  font-size:clamp(1.05rem,1.55vw,1.35rem);
  line-height:1.7;
  max-width:820px;
  margin:1.7rem 0 0;
}
.vrk-jkg-statement{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  margin:3.2rem 0 4rem;
  padding:1.55rem 0;
  display:grid;
  grid-template-columns:190px 1fr;
  gap:2rem;
}
.vrk-jkg-statement-label{
  color:#666;
  font-size:.78rem;
  letter-spacing:.05em;
}
.vrk-jkg-statement-copy{
  font-size:clamp(1.05rem,1.7vw,1.45rem);
  line-height:1.65;
  max-width:900px;
}
.vrk-jkg-statement-copy strong{
  font-weight:700;
}
.vrk-jkg-section-title{
  font-size:1.55rem;
  font-weight:500;
  margin:0 0 1.2rem;
}
.vrk-jkg-map{
  border-top:1px solid var(--line);
}
.vrk-jkg-item{
  display:grid;
  grid-template-columns:64px minmax(230px,.8fr) minmax(300px,1.4fr) 170px 34px;
  gap:1.4rem;
  align-items:start;
  padding:1.55rem 0;
  border-bottom:1px solid var(--line);
  text-decoration:none;
}
.vrk-jkg-item:hover{
  color:inherit;
}
.vrk-jkg-num{
  color:#6b6b6b;
  font-size:.82rem;
  padding-top:.18rem;
}
.vrk-jkg-name{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  font-size:clamp(1.05rem,1.55vw,1.28rem);
  font-weight:700;
}
.vrk-jkg-description{
  color:#545454;
  line-height:1.65;
  font-size:.95rem;
}
.vrk-jkg-status{
  color:#585858;
  font-size:.74rem;
  letter-spacing:.035em;
  white-space:nowrap;
}
.vrk-jkg-arrow{
  color:var(--accent-dark);
  font-size:1.25rem;
  text-align:right;
}
.vrk-jkg-item:hover .vrk-jkg-name{
  color:var(--accent-dark);
}
.vrk-jkg-current{
  margin-top:4.5rem;
  border-top:1px solid var(--line);
  padding-top:1.3rem;
}
.vrk-jkg-current-grid{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:2rem;
}
.vrk-jkg-current-label{
  color:#666;
  font-size:.78rem;
  letter-spacing:.05em;
}
.vrk-jkg-current-copy{
  font-size:clamp(1.1rem,1.8vw,1.5rem);
  line-height:1.65;
}
.vrk-jkg-back{
  margin-top:3.2rem;
  padding-top:1.1rem;
  border-top:1px solid var(--line);
}
.vrk-jkg-back a{
  text-decoration:none;
}
@media(max-width:980px){
  .vrk-jkg-item{
    grid-template-columns:46px 1fr auto;
    gap:.75rem 1rem;
  }
  .vrk-jkg-description{
    grid-column:2 / 4;
  }
  .vrk-jkg-status{
    grid-column:2 / 3;
  }
  .vrk-jkg-arrow{
    grid-column:3 / 4;
    grid-row:1;
  }
  .vrk-jkg-statement,
  .vrk-jkg-current-grid{
    grid-template-columns:1fr;
    gap:.7rem;
  }
}
@media(max-width:620px){
  .vrk-jkg-item{
    grid-template-columns:34px 1fr 24px;
    padding:1.25rem 0;
  }
  .vrk-jkg-name{
    font-size:1rem;
  }
  .vrk-jkg-description{
    font-size:.9rem;
  }
}


/* =========================================================
   v0.4.0 — HOME centrada en el visitante
   ========================================================= */

.vrk-home{max-width:1180px;margin:0 auto;padding:78px 24px 96px;}
.vrk-home section{padding:64px 0;border-top:1px solid var(--line);}
.vrk-home .vrk-home-hero{border-top:0;padding-top:12px;padding-bottom:84px;position:relative;}
.vrk-home-eyebrow{font-size:.78rem;letter-spacing:.08em;color:#666;text-transform:uppercase;margin:0 0 18px;}
.vrk-home-title{font-size:clamp(3.8rem,8.2vw,7.4rem);line-height:.9;letter-spacing:-.055em;font-weight:500;margin:0 0 34px;}
.vrk-home-copy{font-size:clamp(1.05rem,1.55vw,1.32rem);line-height:1.75;max-width:900px;color:#4f4f4f;}
.vrk-home-copy strong{color:#111;font-weight:500;}
.vrk-home-cta{display:inline-block;margin-top:30px;padding:13px 16px;background:#cfff00;color:#111;text-decoration:none;font-weight:700;}
.vrk-home-cta:hover{background:#111;color:#fff;}
.vrk-hand-note{position:absolute;max-width:270px;pointer-events:none;opacity:.9;}
.vrk-hand-note img{display:block;max-width:100%;height:auto;}
.vrk-note-hero{right:7%;bottom:22px;width:250px;transform:rotate(-3deg);}
.vrk-note-services{right:2%;top:84px;width:230px;transform:rotate(2deg);}
.vrk-note-universe{right:3%;top:66px;width:245px;transform:rotate(-2deg);}

.vrk-home-section-head{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.5fr);gap:42px;margin-bottom:34px;align-items:start;}
.vrk-home-h2{font-size:clamp(1.65rem,2.8vw,2.55rem);line-height:1.1;font-weight:500;margin:0;}
.vrk-home-intro{font-size:1rem;line-height:1.8;color:#555;max-width:760px;margin:0;}
.vrk-route-list,.vrk-service-list,.vrk-now-list{border-top:1px solid var(--line);}
.vrk-route,.vrk-service,.vrk-now-item{display:grid;grid-template-columns:58px minmax(240px,.8fr) minmax(300px,1.45fr) 32px;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-items:start;}
.vrk-route:hover .vrk-row-title,.vrk-service:hover .vrk-row-title,.vrk-now-item:hover .vrk-row-title{color:#85a700;}
.vrk-row-num{color:#777;font-size:.8rem;padding-top:3px;}
.vrk-row-title{font-weight:700;font-size:1.02rem;}
.vrk-row-desc{color:#555;line-height:1.65;font-size:.94rem;}
.vrk-row-arrow{text-align:right;color:#85a700;font-size:1.2rem;}

.vrk-services{position:relative;}
.vrk-services-manifesto{max-width:950px;font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.8;color:#454545;margin:0 0 38px;}
.vrk-services-manifesto p{margin:0 0 18px;}
.vrk-services-manifesto strong{color:#111;font-weight:500;}
.vrk-talks{margin-top:46px;padding:34px 0 0;border-top:1px solid var(--line);max-width:900px;}
.vrk-talks-kicker{font-size:.78rem;letter-spacing:.06em;color:#666;margin-bottom:12px;}
.vrk-talks h3{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;margin:0 0 18px;}
.vrk-talks p{color:#4f4f4f;line-height:1.8;font-size:1rem;margin:0 0 16px;}

.vrk-now-item{grid-template-columns:155px minmax(220px,.8fr) minmax(300px,1.45fr) 140px;}
.vrk-status-pill{font-size:.72rem;letter-spacing:.035em;color:#555;white-space:nowrap;}
.vrk-action{text-align:right;font-weight:700;font-size:.78rem;letter-spacing:.03em;color:#85a700;}

.vrk-universe{position:relative;}
.vrk-universe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:30px;}
.vrk-universe-item{min-height:135px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;}
.vrk-universe-item:hover{background:#fafafa;}
.vrk-universe-item strong{display:block;margin-bottom:8px;}
.vrk-universe-item span{color:#555;font-size:.9rem;line-height:1.55;}
.vrk-link-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;}
.vrk-text-link{font-weight:700;text-decoration:none;}

.vrk-bitacora-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.vrk-bitacora-item{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;min-height:110px;}
.vrk-bitacora-item:hover{background:#fafafa;}
.vrk-bitacora-item small{display:block;color:#777;margin-bottom:8px;}

.vrk-subscribe-box{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:42px;align-items:start;}
.vrk-interest-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.vrk-interest-tag{border:1px solid var(--line);padding:8px 10px;font-size:.78rem;color:#555;}
.vrk-subscribe-cta{display:inline-block;margin-top:24px;padding:13px 16px;background:#cfff00;color:#111;text-decoration:none;font-weight:700;}

@media(max-width:900px){
  .vrk-home-section-head,.vrk-subscribe-box{grid-template-columns:1fr;gap:18px;}
  .vrk-route,.vrk-service{grid-template-columns:42px 1fr 26px;}
  .vrk-route .vrk-row-desc,.vrk-service .vrk-row-desc{grid-column:2/4;}
  .vrk-now-item{grid-template-columns:1fr auto;}
  .vrk-now-item .vrk-row-title,.vrk-now-item .vrk-row-desc{grid-column:1/3;}
  .vrk-now-item .vrk-action{grid-column:2;grid-row:1;text-align:right;}
  .vrk-universe-grid{grid-template-columns:repeat(2,1fr);}
  .vrk-note-hero,.vrk-note-services,.vrk-note-universe{position:relative;right:auto;top:auto;bottom:auto;margin:24px 0 0 54%;width:210px;}
}
@media(max-width:620px){
  .vrk-home{padding:52px 18px 72px;}
  .vrk-home section{padding:48px 0;}
  .vrk-home-title{font-size:3.6rem;}
  .vrk-route,.vrk-service{grid-template-columns:34px 1fr 22px;gap:12px;}
  .vrk-universe-grid,.vrk-bitacora-grid{grid-template-columns:1fr;}
  .vrk-note-hero,.vrk-note-services,.vrk-note-universe{margin-left:28%;width:190px;}
}

/* v0.5.0 — SISTEMA GRÁFICO MAESTRO VRK · HOME */
.vrk-hand-note{display:none!important}
.vrk-home{max-width:1220px;margin:0 auto;padding:76px 24px 100px}
.vrk-home section{border-top:1px solid #d0d0d0;padding:78px 0}
.vrk-home .vrk-home-hero{border-top:0;padding-top:14px;padding-bottom:94px}
.vrk-home-eyebrow{font-size:.76rem;letter-spacing:.11em;color:#666;text-transform:uppercase;margin:0 0 22px}
.vrk-home-title{font-size:clamp(4.5rem,9vw,8rem);line-height:.87;letter-spacing:-.06em;font-weight:500;margin:0 0 46px}
.vrk-home-copy{font-size:clamp(1.05rem,1.45vw,1.26rem);line-height:1.85;max-width:940px;color:#555}
.vrk-home-copy p:first-child{color:#222}
.vrk-home-cta{display:inline-block;margin-top:34px;padding:15px 19px;background:#cfff00;color:#111;text-decoration:none;font-weight:700}
.vrk-home-cta:hover{background:#111;color:#fff}
.vrk-home-section-head{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:64px;align-items:start;margin-bottom:48px}
.vrk-home-h2{font-size:clamp(2.5rem,5vw,4.7rem);line-height:.98;letter-spacing:-.035em;font-weight:700;margin:0;max-width:720px}
.vrk-home-intro{font-size:1.03rem;line-height:1.9;color:#555;margin:0;max-width:720px}

/* Qué buscas */
.vrk-route-list{border-top:1px solid #bababa}
.vrk-route{display:grid;grid-template-columns:110px 32px minmax(260px,.85fr) minmax(330px,1.35fr) 130px;gap:20px;align-items:center;min-height:142px;padding:22px 0;border-bottom:1px solid #d1d1d1;text-decoration:none;color:inherit}
.vrk-route:hover{border-bottom-color:#111}
.vrk-route .vrk-row-num{font-size:clamp(2.2rem,4.3vw,4.1rem);line-height:1;color:#d0d0d0;letter-spacing:-.05em}
.vrk-route:hover .vrk-row-num{color:#cfff00}
.vrk-route-folder{width:18px;height:18px;color:#777}
.vrk-route-folder svg{width:100%;height:100%;display:block;stroke:currentColor}
.vrk-route:hover .vrk-route-folder{color:#8baa00}
.vrk-route .vrk-row-title{font-size:1.05rem;line-height:1.45;font-weight:700}
.vrk-route:hover .vrk-row-title{color:#8baa00}
.vrk-route .vrk-row-desc{font-size:.94rem;line-height:1.72;color:#555}
.vrk-mini-cta{justify-self:end;display:inline-block;padding:9px 11px;background:#cfff00;color:#111;font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}
.vrk-route:hover .vrk-mini-cta{background:#111;color:#fff}

/* Servicios */
.vrk-services-manifesto{max-width:960px;font-size:clamp(1.08rem,1.6vw,1.32rem);line-height:1.9;color:#484848;padding-bottom:48px}
.vrk-services-manifesto p{margin:0 0 19px}
.vrk-services-manifesto strong{color:#111;font-weight:500}
.vrk-service-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdbdbd;border-left:1px solid #d0d0d0}
.vrk-service{min-height:285px;padding:26px 28px 30px;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.vrk-service-code{color:#777;font-size:.7rem;letter-spacing:.06em;margin-bottom:22px}
.vrk-service .vrk-row-title{font-weight:700;font-size:1.16rem;margin-bottom:18px}
.vrk-service .vrk-row-desc{color:#555;font-size:.92rem;line-height:1.75;flex:1}
.vrk-service .vrk-service-arrow{margin-top:24px;font-weight:700;font-size:.73rem;color:#111}
.vrk-service:hover .vrk-row-title,.vrk-service:hover .vrk-service-arrow{color:#8baa00}

/* Pláticas */
.vrk-talks{margin-top:80px;padding:62px 0 20px;border-top:1px solid #111;overflow:hidden}
.vrk-talks-kicker{font-size:.8rem;letter-spacing:.11em;color:#555;margin:0 0 28px}
.vrk-talks h3{font-size:clamp(3.2rem,7vw,6.9rem);line-height:.94;letter-spacing:-.055em;font-weight:500;max-width:1050px;margin:0 0 42px}
.vrk-talks-band{display:inline-block;background:#cfff00;color:#111;font-size:clamp(1.25rem,2.5vw,2.2rem);line-height:1;font-weight:700;padding:14px 18px;margin:0 0 42px}
.vrk-talks-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1020px}
.vrk-talks p{font-size:1rem;line-height:1.85;color:#4f4f4f;margin:0}
.vrk-talks-cta{display:inline-block;margin-top:34px;text-decoration:none;font-weight:700}
.vrk-talks-cta:hover{color:#8baa00}

/* Ahora */
.vrk-now-list{border-top:1px solid #bdbdbd}
.vrk-now-item{display:grid;grid-template-columns:170px minmax(210px,.72fr) minmax(320px,1.25fr) 135px;gap:28px;align-items:center;min-height:128px;padding:22px 0;border-bottom:1px solid #d0d0d0;text-decoration:none;color:inherit}
.vrk-status-pill{display:inline-block;width:max-content;border:1px solid #bbb;padding:7px 8px;font-size:.68rem;color:#555;white-space:nowrap}
.vrk-now-item .vrk-row-title{font-size:1.08rem;font-weight:700}
.vrk-now-item:hover .vrk-row-title{color:#8baa00}
.vrk-now-item .vrk-row-desc{color:#555;font-size:.94rem;line-height:1.7}
.vrk-action{justify-self:end;background:#cfff00;color:#111;padding:9px 11px;font-size:.72rem;font-weight:700;white-space:nowrap}
.vrk-now-item:hover .vrk-action{background:#111;color:#fff}

/* Universo */
.vrk-universe-map{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:190px 190px 145px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8}
.vrk-universe-card{padding:26px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-decoration:none;color:inherit;position:relative;overflow:hidden}
.vrk-universe-card:hover{background:#fafafa}
.vrk-universe-card strong{display:block;font-size:1.18rem;margin-bottom:12px;position:relative;z-index:2}
.vrk-universe-card span{color:#555;font-size:.91rem;line-height:1.65;position:relative;z-index:2}
.vrk-universe-code{position:absolute;right:18px;bottom:5px;font-size:clamp(3rem,6vw,6rem);line-height:1;color:#efefef;font-weight:700;letter-spacing:-.07em;z-index:1}
.vrk-universe-card:hover strong{color:#8baa00}
.vrk-universe-main{grid-row:1/3;grid-column:1}
.vrk-universe-at{grid-column:2/4;grid-row:1}
.vrk-universe-jkg{grid-column:2/4;grid-row:2}
.vrk-universe-k{grid-column:1;grid-row:3}
.vrk-universe-h{grid-column:2;grid-row:3}
.vrk-universe-m{grid-column:3;grid-row:3}
.vrk-link-row{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}
.vrk-text-link{text-decoration:none;font-weight:700}
.vrk-text-link:hover{color:#8baa00}

/* Bitácora */
.vrk-bitacora-index{border-top:1px solid #bdbdbd}
.vrk-bitacora-row{display:grid;grid-template-columns:100px 190px 1fr 36px;gap:22px;align-items:center;min-height:112px;padding:20px 0;border-bottom:1px solid #d0d0d0;color:inherit;text-decoration:none}
.vrk-bitacora-no{font-size:1.3rem;color:#bbb;letter-spacing:.04em}
.vrk-bitacora-cat{font-size:.72rem;letter-spacing:.06em;color:#777;text-transform:uppercase}
.vrk-bitacora-title{font-size:1.08rem;font-weight:700}
.vrk-bitacora-arrow{text-align:right;font-size:1.1rem;color:#111}
.vrk-bitacora-row:hover .vrk-bitacora-title,.vrk-bitacora-row:hover .vrk-bitacora-arrow{color:#8baa00}

/* Suscripción */
.vrk-subscribe-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.vrk-interest-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.vrk-interest-tag{border:1px solid #ccc;padding:9px 11px;font-size:.76rem;color:#555}
.vrk-subscribe-cta{display:inline-block;margin-top:28px;padding:14px 18px;background:#cfff00;color:#111;text-decoration:none;font-weight:700}
.vrk-subscribe-cta:hover{background:#111;color:#fff}

@media(max-width:900px){
  .vrk-home-section-head,.vrk-subscribe-box,.vrk-talks-copy{grid-template-columns:1fr;gap:20px}
  .vrk-route{grid-template-columns:74px 26px 1fr 110px}
  .vrk-route .vrk-row-desc{grid-column:3/5}
  .vrk-service-list{grid-template-columns:1fr}
  .vrk-now-item{grid-template-columns:150px 1fr 120px}
  .vrk-now-item .vrk-row-desc{grid-column:2/4}
  .vrk-universe-map{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .vrk-universe-main,.vrk-universe-at,.vrk-universe-jkg,.vrk-universe-k,.vrk-universe-h,.vrk-universe-m{grid-column:auto;grid-row:auto;min-height:165px}
}
@media(max-width:620px){
  .vrk-home{padding:52px 18px 76px}
  .vrk-home section{padding:54px 0}
  .vrk-home-title{font-size:3.75rem}
  .vrk-home-h2{font-size:2.55rem}
  .vrk-route{grid-template-columns:58px 22px 1fr;min-height:auto;padding:22px 0}
  .vrk-route .vrk-mini-cta{grid-column:3;justify-self:start;margin-top:8px}
  .vrk-route .vrk-row-desc{grid-column:3}
  .vrk-service{min-height:auto}
  .vrk-talks h3{font-size:3.2rem}
  .vrk-now-item{grid-template-columns:1fr auto;gap:13px}
  .vrk-now-item .vrk-row-title,.vrk-now-item .vrk-row-desc{grid-column:1/3}
  .vrk-now-item .vrk-action{grid-column:2;grid-row:1}
  .vrk-universe-map{grid-template-columns:1fr}
  .vrk-bitacora-row{grid-template-columns:60px 1fr 24px;gap:12px}
  .vrk-bitacora-cat{grid-column:2/4;grid-row:1}
  .vrk-bitacora-no{grid-row:1/3}
  .vrk-bitacora-title{grid-column:2}
  .vrk-bitacora-arrow{grid-column:3}
}


/* =========================================================
   v0.5.1 — RESPONSIVE + NAVEGACIÓN FINAL
   Desktop: separadores editoriales ·
   Mobile: menú índice numerado + gesto ↖
   ========================================================= */

/* ---------- DESKTOP NAV ---------- */
@media (min-width: 783px){
  .vrk-header .wp-block-navigation__container{
    gap:0 !important;
    align-items:center;
  }
  .vrk-header .wp-block-navigation-item{
    display:flex;
    align-items:center;
    white-space:nowrap;
  }
  .vrk-header .wp-block-navigation-item:not(:last-child)::after{
    content:"·";
    display:inline-block;
    margin:0 .72rem;
    color:#999;
    font-weight:400;
    pointer-events:none;
  }
  .vrk-header .wp-block-navigation-item__content{
    transition:color .16s ease;
  }
  .vrk-header .wp-block-navigation-item__content:hover{
    color:#8baa00 !important;
  }

  /* En home no convertir la navegación actual en bloque grande.
     Solo color + pequeño subrayado activo. */
  .vrk-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
  .vrk-header .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content{
    background:transparent !important;
    color:#8baa00 !important;
    padding:0 !important;
    font-weight:400 !important;
    position:relative;
  }
  .vrk-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after,
  .vrk-header .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content::after{
    content:"" !important;
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:2px;
    background:#cfff00;
  }
}

/* ---------- MOBILE: HEADER ---------- */
@media (max-width: 782px){
  .vrk-header{
    padding-top:18px;
    padding-bottom:18px;
  }
  .vrk-header > .wp-block-group{
    flex-wrap:nowrap !important;
  }
  .vrk-header .wp-block-site-title{
    white-space:nowrap;
    flex-shrink:0;
  }
  .vrk-header .wp-block-site-title a{
    white-space:nowrap;
  }

  /* ---------- MOBILE: OVERLAY MENU ---------- */
  .wp-block-navigation__responsive-container.is-menu-open{
    background:#fff !important;
    color:#111 !important;
    padding:0 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-dialog{
    width:100%;
    min-height:100dvh;
    margin:0;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close{
    top:38px !important;
    right:28px !important;
    width:34px;
    height:34px;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    position:relative;
    display:block !important;
    width:100%;
    min-height:100dvh;
    padding:112px 34px 90px !important;
    box-sizing:border-box;
    counter-reset:vrk-mobile-menu;
  }

  /* Título y flecha señalética */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content::before{
    content:"MENÚ";
    display:block;
    font-weight:700;
    font-size:.8rem;
    letter-spacing:.1em;
    margin-bottom:12px;
    color:#666;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content::after{
    content:"↖";
    position:absolute;
    left:34px;
    top:147px;
    font-size:2.7rem;
    line-height:1;
    font-weight:400;
    color:#111;
  }

  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100%;
    margin-top:74px !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item{
    counter-increment:vrk-mobile-menu;
    display:grid !important;
    grid-template-columns:46px 1fr;
    align-items:center;
    width:100%;
    min-height:72px;
    border-bottom:1px solid #dedede;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item:first-child{
    border-top:1px solid #dedede;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item::before{
    content:counter(vrk-mobile-menu, decimal-leading-zero);
    color:#aaa;
    font-size:.72rem;
    letter-spacing:.04em;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item::after{
    display:none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content{
    display:block;
    width:100%;
    padding:19px 0 !important;
    font-size:clamp(1.16rem,5vw,1.45rem) !important;
    line-height:1.15;
    text-align:left !important;
    color:#111 !important;
    background:transparent !important;
    font-weight:400 !important;
    text-decoration:none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content{
    color:#8baa00 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after,
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content::after{
    content:"" !important;
    display:none !important;
  }

  /* ---------- HERO MOBILE ---------- */
  .vrk-home .vrk-home-hero{
    padding-bottom:72px;
  }
  .vrk-home-title{
    font-size:clamp(3rem,13vw,4rem) !important;
    line-height:.92 !important;
    letter-spacing:-.055em;
    white-space:nowrap;
    margin-bottom:38px !important;
  }
  .vrk-home-eyebrow{
    font-size:.67rem;
    line-height:1.5;
  }
  .vrk-home-copy{
    font-size:1rem !important;
    line-height:1.7 !important;
  }
  .vrk-home-cta{
    margin-top:28px !important;
    margin-bottom:20px;
    padding:14px 15px !important;
    font-size:.76rem;
  }

  /* ---------- QUÉ BUSCAS MOBILE ---------- */
  #que-buscas .vrk-home-section-head{
    gap:24px !important;
    margin-bottom:38px !important;
  }
  #que-buscas .vrk-home-h2{
    font-size:clamp(2.35rem,10.7vw,3.25rem) !important;
    line-height:.96;
  }
  .vrk-route{
    grid-template-columns:52px 22px minmax(0,1fr) !important;
    gap:10px !important;
    padding:22px 0 26px !important;
  }
  .vrk-route .vrk-row-num{
    font-size:2.1rem !important;
    align-self:start;
    padding-top:2px;
  }
  .vrk-route-folder{
    width:16px !important;
    height:16px !important;
    align-self:start;
    margin-top:4px;
  }
  .vrk-route .vrk-row-title{
    font-size:1rem !important;
    line-height:1.38;
  }
  .vrk-route .vrk-row-desc{
    grid-column:3 !important;
    font-size:.9rem !important;
    line-height:1.64 !important;
    margin-top:8px;
  }
  .vrk-route .vrk-mini-cta{
    grid-column:3 !important;
    justify-self:start !important;
    margin-top:10px !important;
    padding:9px 11px !important;
    font-size:.68rem !important;
  }

  /* ---------- SERVICIOS MOBILE ---------- */
  .vrk-services-manifesto{
    font-size:1rem !important;
    line-height:1.72 !important;
    padding-bottom:38px !important;
  }
  .vrk-service-list{
    display:block !important;
    border-left:1px solid #d0d0d0;
  }
  .vrk-service{
    min-height:0 !important;
    padding:24px 22px 25px !important;
  }
  .vrk-service-code{
    margin-bottom:18px !important;
    font-size:.64rem !important;
  }
  .vrk-service .vrk-row-title{
    font-size:1.03rem !important;
    margin-bottom:15px !important;
  }
  .vrk-service .vrk-row-desc{
    font-size:.89rem !important;
    line-height:1.62 !important;
  }
  .vrk-service .vrk-service-arrow{
    margin-top:20px !important;
    font-size:.68rem !important;
  }

  /* ---------- PLÁTICAS MOBILE ---------- */
  .vrk-talks{
    margin-top:62px !important;
    padding-top:46px !important;
  }
  .vrk-talks-kicker{
    font-size:.7rem !important;
    line-height:1.55;
    margin-bottom:22px !important;
  }
  .vrk-talks h3{
    font-size:clamp(2.65rem,12.3vw,3.55rem) !important;
    line-height:.96 !important;
    margin-bottom:30px !important;
  }
  .vrk-talks-band{
    font-size:1.13rem !important;
    padding:12px 14px !important;
    margin-bottom:32px !important;
  }
  .vrk-talks-copy{
    gap:20px !important;
  }
  .vrk-talks p{
    font-size:.92rem !important;
    line-height:1.68 !important;
  }

  /* ---------- AHORA MOBILE ---------- */
  #ahora .vrk-home-section-head{
    margin-bottom:34px !important;
  }
  #ahora .vrk-home-h2{
    font-size:clamp(2.45rem,10.8vw,3.35rem) !important;
  }
  .vrk-now-item{
    padding:20px 0 24px !important;
    gap:11px !important;
  }
  .vrk-now-item .vrk-status-pill{
    font-size:.62rem !important;
    padding:6px 7px !important;
  }
  .vrk-now-item .vrk-row-title{
    margin-top:4px;
    font-size:1.02rem !important;
  }
  .vrk-now-item .vrk-row-desc{
    font-size:.9rem !important;
    line-height:1.62 !important;
  }
  .vrk-now-item .vrk-action{
    font-size:.66rem !important;
    padding:8px 9px !important;
  }

  /* ---------- MI UNIVERSO MOBILE: JERARQUÍA ---------- */
  .vrk-universe-map{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
  }
  .vrk-universe-card{
    min-height:0 !important;
    padding:22px !important;
  }
  .vrk-universe-main{
    grid-column:1 / 3 !important;
    grid-row:auto !important;
    min-height:245px !important;
  }
  .vrk-universe-at,
  .vrk-universe-jkg{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:185px !important;
  }
  .vrk-universe-k,
  .vrk-universe-h,
  .vrk-universe-m{
    grid-column:1 / 3 !important;
    grid-row:auto !important;
    min-height:128px !important;
  }
  .vrk-universe-card strong{
    font-size:1rem !important;
  }
  .vrk-universe-card span{
    font-size:.86rem !important;
    line-height:1.55 !important;
  }
  .vrk-universe-main strong{
    font-size:1.17rem !important;
  }
  .vrk-universe-code{
    font-size:3.8rem !important;
    right:13px !important;
    bottom:8px !important;
  }
  .vrk-link-row{
    gap:16px !important;
    margin-top:24px !important;
  }
  .vrk-link-row .vrk-text-link{
    width:100%;
    font-size:.78rem;
  }

  /* ---------- BITÁCORA MOBILE ---------- */
  .vrk-bitacora-row{
    min-height:98px !important;
    padding:17px 0 !important;
  }
  .vrk-bitacora-no{
    font-size:1.12rem !important;
  }
  .vrk-bitacora-cat{
    font-size:.64rem !important;
  }
  .vrk-bitacora-title{
    font-size:.98rem !important;
    line-height:1.35;
  }

  /* ---------- SUSCRIPCIÓN MOBILE ---------- */
  #suscripcion{
    padding-bottom:84px !important;
  }
  #suscripcion .vrk-home-h2{
    font-size:clamp(2.5rem,11vw,3.35rem) !important;
  }
  .vrk-interest-tags{
    gap:8px !important;
  }
  .vrk-interest-tag{
    font-size:.7rem !important;
    padding:8px 9px !important;
  }
  .vrk-subscribe-cta{
    margin-top:24px !important;
    padding:13px 16px !important;
  }
}

/* Extra small phones: preserve ARCHIVO VRK on one line */
@media (max-width: 390px){
  .vrk-home-title{
    font-size:clamp(2.7rem,12.1vw,3.2rem) !important;
  }
}


/* =========================================================
   v0.5.2 — HOTFIX HEADER DESKTOP
   Mantiene v0.5.1 móvil intacta.
   ========================================================= */
@media (min-width: 783px){

  /* El grupo principal del header debe permanecer en una sola fila */
  .vrk-header > .wp-block-group{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:26px !important;
  }

  .vrk-header .wp-block-site-title{
    flex:0 0 auto !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .vrk-header .wp-block-navigation{
    flex:1 1 auto !important;
    min-width:0 !important;
    justify-content:flex-end !important;
  }

  .vrk-header .wp-block-navigation__container{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:0 !important;
    width:auto !important;
  }

  .vrk-header .wp-block-navigation-item{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  /* Separadores más compactos para que el menú no salte de línea */
  .vrk-header .wp-block-navigation-item:not(:last-child)::after{
    margin:0 .48rem !important;
  }

  .vrk-header .wp-block-navigation-item__content{
    white-space:nowrap !important;
    font-size:clamp(.82rem,1.05vw,1rem) !important;
  }
}

/* En pantallas desktop medianas, compactar un poco más sin cambiar el móvil */
@media (min-width: 783px) and (max-width: 1180px){
  .vrk-header > .wp-block-group{
    gap:18px !important;
  }
  .vrk-header .wp-block-navigation-item:not(:last-child)::after{
    margin:0 .34rem !important;
  }
  .vrk-header .wp-block-navigation-item__content{
    font-size:.78rem !important;
  }
}


/* =========================================================
   v0.5.3 — REDES SOCIALES EN HEADER
   Instagram · TikTok · YouTube
   ========================================================= */

.vrk-socials{
  margin:0 !important;
  padding:0 !important;
}

/* Icons: no circular background; secondary visual weight */
.vrk-socials .wp-social-link{
  background:transparent !important;
  color:#555 !important;
  transform:none !important;
}
.vrk-socials .wp-social-link a{
  padding:2px !important;
}
.vrk-socials .wp-social-link svg{
  width:16px !important;
  height:16px !important;
}
.vrk-socials .wp-social-link:hover{
  color:#8baa00 !important;
  transform:none !important;
}

/* ---------- DESKTOP ---------- */
@media (min-width:783px){
  .vrk-header > .wp-block-group{
    gap:20px !important;
  }

  .vrk-header .wp-block-navigation{
    flex:1 1 auto !important;
  }

  .vrk-socials{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin-left:5px !important;
    white-space:nowrap;
  }

  /* Give the social group a subtle visual separation from Suscripción */
  .vrk-socials::before{
    content:"";
    display:block;
    width:1px;
    height:18px;
    background:#d3d3d3;
    margin-right:7px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:782px){
  /* Hidden in the normal closed header: menu icon remains clean. */
  .vrk-socials{
    display:none !important;
  }

  /*
   * When the WP mobile overlay is open, surface the social group at
   * the bottom as a secondary layer. :has() is supported by current
   * Safari/iOS and modern browsers.
   */
  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials{
    display:flex !important;
    position:fixed !important;
    left:34px !important;
    bottom:max(42px, env(safe-area-inset-bottom)) !important;
    z-index:1000002 !important;
    gap:18px !important;
    align-items:center !important;
  }

  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials::before{
    content:"REDES";
    display:block;
    margin-right:7px;
    color:#888;
    font-size:.62rem;
    letter-spacing:.1em;
    font-weight:700;
  }

  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials .wp-social-link{
    color:#555 !important;
  }

  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials .wp-social-link svg{
    width:18px !important;
    height:18px !important;
  }
}

/* Compact desktop fallback if width is tight */
@media (min-width:783px) and (max-width:1180px){
  .vrk-socials{
    gap:4px !important;
    margin-left:2px !important;
  }
  .vrk-socials::before{
    margin-right:4px !important;
  }
  .vrk-socials .wp-social-link svg{
    width:14px !important;
    height:14px !important;
  }
}

/* v0.5.4 — HEADER SOCIALS + FOOTER FINAL */
.vrk-socials{display:flex;align-items:center;gap:10px;margin:0;padding:0}
.vrk-social-link{display:inline-flex;align-items:center;justify-content:center;color:#555;text-decoration:none;line-height:1;position:relative;z-index:10}
.vrk-social-link svg{width:17px;height:17px;display:block}
.vrk-social-link:hover{color:#8baa00}

@media (min-width:783px){
  .vrk-header > .wp-block-group{
    width:100%!important;max-width:none!important;
    padding-left:clamp(24px,3vw,44px)!important;
    padding-right:clamp(24px,3vw,44px)!important;
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:26px!important;
  }
  .vrk-header .wp-block-site-title{grid-column:1!important;white-space:nowrap!important}
  .vrk-header .wp-block-navigation{grid-column:2!important;min-width:0!important;justify-self:center!important;width:auto!important}
  .vrk-header .wp-block-navigation__container{flex-wrap:nowrap!important;justify-content:center!important}
  .vrk-socials-header{
    grid-column:3!important;justify-self:end!important;
    margin-left:0!important;padding-left:16px!important;
    border-left:1px solid #d3d3d3;flex:0 0 auto!important;
  }
  .vrk-header .wp-block-navigation-item:not(:last-child)::after{margin:0 .43rem!important}
  .vrk-header .wp-block-navigation-item__content{font-size:clamp(.78rem,.98vw,.94rem)!important}
}

@media (max-width:782px){
  .vrk-socials-header{display:none!important}
  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials-header{
    display:flex!important;position:fixed!important;
    left:34px!important;bottom:max(42px,env(safe-area-inset-bottom))!important;
    z-index:1000005!important;gap:18px!important;pointer-events:auto!important;
  }
  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials-header::before{
    content:"REDES";display:block;margin-right:7px;color:#888;
    font-size:.62rem;letter-spacing:.1em;font-weight:700;
  }
  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials-header .vrk-social-link{
    pointer-events:auto!important;z-index:1000006!important;
  }
  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials-header .vrk-social-link svg{
    width:19px;height:19px;
  }
}

.vrk-footer{border-top:1px solid #d0d0d0;margin-top:0;padding:50px 24px 64px;color:#777}
.vrk-footer-inner{max-width:1220px;margin:0 auto;width:100%;gap:24px}
.vrk-footer-copy,.vrk-footer-legal{margin:0;font-size:.78rem;line-height:1.5;color:#777}
.vrk-footer-legal a{color:#777;text-decoration:none}
.vrk-footer-legal a:hover{color:#8baa00}
.vrk-footer-meta{gap:22px!important;align-items:center!important}
.vrk-socials-footer{gap:12px}
.vrk-socials-footer .vrk-social-link{color:#777}
.vrk-socials-footer .vrk-social-link svg{width:16px;height:16px}

@media(max-width:620px){
  .vrk-footer{padding:42px 18px 78px}
  .vrk-footer-inner{display:block!important}
  .vrk-footer-copy{margin-bottom:28px}
  .vrk-footer-meta{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:18px!important}
  .vrk-footer-legal{font-size:.72rem}
  .vrk-socials-footer{gap:14px}
  .vrk-socials-footer .vrk-social-link svg{width:18px;height:18px}
}


/* =========================================================
   v0.5.5 — HOTFIX MOBILE SOCIAL LINKS + FOOTER SOCIALS
   Desktop/Home remain untouched.
   ========================================================= */

@media (max-width:782px){

  /* The header social block itself stays hidden on mobile.
     Mobile socials are injected INSIDE the navigation overlay by JS. */
  .vrk-socials-header{
    display:none !important;
  }

  /* Disable the old fixed-header-social implementation from prior versions. */
  .vrk-header:has(.wp-block-navigation__responsive-container.is-menu-open) .vrk-socials-header{
    display:none !important;
  }

  /* Mobile social row lives inside the navigation overlay, therefore clicks
     are handled by the overlay itself instead of being intercepted by Home. */
  .vrk-mobile-socials{
    display:flex !important;
    align-items:center;
    gap:18px;
    width:100%;
    margin-top:26px;
    padding-top:22px;
    border-top:1px solid #dedede;
    position:relative;
    z-index:10;
  }
  .vrk-mobile-socials::before{
    content:"REDES";
    color:#888;
    font-size:.62rem;
    letter-spacing:.1em;
    font-weight:700;
    margin-right:8px;
  }
  .vrk-mobile-socials .vrk-social-link{
    display:inline-flex !important;
    pointer-events:auto !important;
    color:#555 !important;
    position:relative;
    z-index:11;
  }
  .vrk-mobile-socials .vrk-social-link svg{
    width:19px !important;
    height:19px !important;
  }

  /* Prior versions had a broad mobile rule hiding .vrk-socials.
     Explicitly restore footer social icons. */
  .vrk-socials-footer{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }
  .vrk-socials-footer .vrk-social-link{
    display:inline-flex !important;
    pointer-events:auto !important;
  }
}


/* =========================================================
   v0.5.7 — ARCHIVO VIVO / WHATSAPP
   ========================================================= */
.vrk-social-link-wa{color:#555}
.vrk-social-link-wa:hover{color:#8baa00}
.vrk-live{border-top:1px solid #bdbdbd;padding-top:72px}
.vrk-live-head{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:64px;align-items:start;margin-bottom:48px}
.vrk-live-kicker{margin:0 0 18px;color:#888;font-size:.7rem;letter-spacing:.08em}
.vrk-live-intro p{margin:0 0 16px;color:#686868;line-height:1.75;max-width:760px}
.vrk-live-intro strong{color:#111}
.vrk-live-main-cta{display:inline-block;margin-top:10px;padding:14px 18px;background:#cfff00;color:#111;text-decoration:none;font-weight:700}
.vrk-live-main-cta:hover{background:#111;color:#fff}
.vrk-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ccc;border-left:1px solid #ccc}
.vrk-live-card{min-height:230px;padding:26px 24px 22px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:inherit;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden}
.vrk-live-card:hover{background:#fafafa;color:inherit}
.vrk-live-no{display:block;color:#bdbdbd;font-size:1.05rem;letter-spacing:.05em;margin-bottom:44px}
.vrk-live-card strong{display:inline;align-self:flex-start;font-size:1.12rem;line-height:1.35;background:#cfff00;padding:4px 6px;margin-bottom:14px;position:relative;z-index:2}
.vrk-live-card span:not(.vrk-live-no){color:#777;line-height:1.65;font-size:.82rem;max-width:90%;position:relative;z-index:2}
.vrk-live-card b{margin-top:auto;padding-top:26px;font-size:.75rem;letter-spacing:.04em;position:relative;z-index:2}
.vrk-live-card:hover b{color:#8baa00}
.vrk-live-card::after{content:"↗";position:absolute;right:22px;top:18px;color:#777;font-size:1.6rem;font-weight:400}
@media(max-width:960px){.vrk-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){
  .vrk-live{padding-top:48px}
  .vrk-live-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
  .vrk-live-intro p{font-size:.9rem;line-height:1.7}
  .vrk-live-main-cta{width:100%;box-sizing:border-box;text-align:center;padding:15px 16px}
  .vrk-live-grid{grid-template-columns:1fr;border-left:0}
  .vrk-live-card{min-height:0;padding:22px 4px 20px 0;border-right:0;display:grid;grid-template-columns:54px 1fr max-content;column-gap:12px;row-gap:7px;align-items:start}
  .vrk-live-no{grid-column:1;grid-row:1/4;margin:2px 0 0;color:#bbb;font-size:1rem}
  .vrk-live-card strong{grid-column:2/4;grid-row:1;margin:0;font-size:1rem;padding:3px 5px}
  .vrk-live-card span:not(.vrk-live-no){grid-column:2/4;grid-row:2;max-width:none;font-size:.78rem;line-height:1.5}
  .vrk-live-card b{grid-column:2;grid-row:3;margin:5px 0 0;padding:0;font-size:.72rem}
  .vrk-live-card::after{right:4px;top:18px;font-size:1.2rem}
}

/* v0.5.8 — prevent injected mobile socials from appearing on desktop */
.vrk-mobile-socials{display:none;}
@media (max-width:782px){.vrk-mobile-socials{display:flex !important;}}

/* =========================================================
   v0.5.10 — ARCHIVO VIVO emphasis
   ========================================================= */
.vrk-live-wa-highlight{
  background:var(--accent);
  color:#111;
  padding:0 .08em;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.vrk-live-wa-label{
  display:flex;
  align-items:center;
  gap:9px;
  margin:22px 0 2px;
  color:#555;
  font-size:.78rem;
  letter-spacing:.02em;
}
.vrk-live-wa-label svg{
  width:21px;
  height:21px;
  flex:0 0 21px;
}
@media(max-width:782px){
  .vrk-live-wa-label{margin-top:20px;font-size:.76rem}
  .vrk-live-wa-label svg{width:20px;height:20px;flex-basis:20px}
}


/* v0.5.11 — páginas deliberadamente abiertas / archivo vivo */
.vrk-process-page{min-height:calc(100vh - 190px);display:flex;align-items:center;padding:92px 0 110px}
.vrk-process-inner{width:min(calc(100% - 64px),1180px);margin-inline:auto}
.vrk-process-status{margin:0 0 26px;color:#8b8b8b;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.vrk-process-title{margin:0;max-width:980px;font-size:clamp(3.2rem,7vw,7rem);line-height:.93;letter-spacing:-.055em;font-weight:500}
.vrk-process-copy{max-width:900px;margin:42px 0 0;color:#666;font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.8}
.vrk-process-copy p{margin:0 0 22px}
.vrk-process-cta{display:inline-block;margin-top:16px;background:var(--accent);color:#111;text-decoration:none;font-weight:700;padding:17px 22px;text-transform:uppercase}
.vrk-process-cta:hover{background:#111;color:#fff}
.vrk-process-wa{font-weight:700;color:#111}
@media(max-width:700px){
  .vrk-process-page{min-height:calc(100vh - 160px);padding:58px 0 76px;align-items:flex-start}
  .vrk-process-inner{width:min(calc(100% - 36px),1180px)}
  .vrk-process-title{font-size:clamp(2.8rem,13vw,4.6rem)}
  .vrk-process-copy{margin-top:30px;font-size:.96rem;line-height:1.72}
  .vrk-process-cta{width:100%;box-sizing:border-box;text-align:center;padding:16px 14px}
}