/* ==========================================================================
   Portal de clientes y Estudio VADU — v3 «herramienta limpia» · 2026-09-28
   Solo se carga en /portal/. El sitio es editorial; el portal es para trabajar:
   fondo blanco, una sola letra (Archivo), contraste alto, estados con color, tarjetas claras.
   ========================================================================== */

/* Página del portal en blanco (header y footer de VADU se mantienen) */
body.vadu-portal-page{ --global-palette8:#ffffff; background:#fff; }
body.vadu-portal-page .site, body.vadu-portal-page .content-bg, body.vadu-portal-page .entry-content-wrap, body.vadu-portal-page .content-area{ background:#fff; }

.vadu-portal{
  --p-text:#1c1b1a; --p-muted:#57524d; --p-faint:#817b74;
  --p-line:#e6e2dc; --p-line-2:#d4cfc7; --p-soft:#f6f5f3; --p-hover:#f1efeb;
  --p-radius:10px; --p-shadow:0 1px 2px rgba(28,27,26,.06), 0 2px 8px rgba(28,27,26,.04);
  --pt-marca:#1c1b1a;
  --st-pendiente:#8a5a00; --st-pendiente-bg:#fff3d9;
  --st-cambios:#a3342a;   --st-cambios-bg:#fdebe8;
  --st-aprobada:#2d6a39;  --st-aprobada-bg:#e6f2e8;
  --st-publicada:#1c1b1a; --st-publicada-bg:#eceae6;
  max-width:1120px; margin:0 auto; padding:clamp(1.8rem, 4vw, 3rem) 20px clamp(3rem, 6vw, 5rem);
  font-family:"Archivo", "Helvetica Neue", Arial, sans-serif; font-size:16px; line-height:1.55; color:var(--p-text);
  font-variant-numeric:lining-nums tabular-nums;
}
.vadu-portal *{ box-sizing:border-box; }
.vadu-portal h1, .vadu-portal h2, .vadu-portal h3, .vadu-portal h4{ font-family:inherit; font-style:normal; letter-spacing:-.01em; color:var(--p-text); }
.vadu-portal em{ font-style:normal; }
.vadu-portal p{ margin:0; }
.vadu-portal a{ color:var(--p-text); }
.vadu-portal img{ max-width:100%; }

/* Etiqueta pequeña (antes mayúsculas espaciadas; ahora texto normal) */
.vadu-portal .vadu-num{ font-size:.85rem; font-weight:500; letter-spacing:0; text-transform:none; color:var(--p-muted); margin:0 0 .35rem; }
.vadu-portal .vadu-lead{ font-size:1.05rem; color:var(--p-muted); max-width:56ch; margin:0 0 1.5rem; }
.vadu-portal__hint{ font-size:.9rem; color:var(--p-muted); }
.vadu-portal__sub{ font-size:1.25rem; font-weight:600; margin:2.2rem 0 1rem; }

/* Estados: etiqueta con fondo de color */
.vadu-portal{ --pt-estado:var(--p-faint); }
.is-pendiente{ --pt-estado:var(--st-pendiente); --pt-estado-bg:var(--st-pendiente-bg); }
.is-cambios{ --pt-estado:var(--st-cambios); --pt-estado-bg:var(--st-cambios-bg); }
.is-aprobada{ --pt-estado:var(--st-aprobada); --pt-estado-bg:var(--st-aprobada-bg); }
.is-publicada{ --pt-estado:var(--st-publicada); --pt-estado-bg:var(--st-publicada-bg); }
.vadu-pieza__estado{ display:inline-flex; align-items:center; gap:.35rem; padding:.2rem .6rem; border-radius:999px; font-size:.8rem; font-weight:600; letter-spacing:0; text-transform:none; color:var(--pt-estado); background:var(--pt-estado-bg, var(--p-soft)); white-space:nowrap; }
.vadu-pieza__estado::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }

/* Botones */
.vadu-portal .vadu-btn, .vadu-portal button, .vadu-portal .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:46px; padding:0 1.3rem;
  font-family:inherit; font-size:.95rem; font-weight:600; letter-spacing:0; text-transform:none; line-height:1.2;
  border-radius:8px; border:1px solid var(--p-line-2); background:#fff; color:var(--p-text) !important; cursor:pointer; text-decoration:none;
  transition:background .2s, border-color .2s, box-shadow .2s;
}
.vadu-portal button:hover, .vadu-portal .wp-block-button__link:hover{ background:var(--p-hover); border-color:var(--p-faint); }
.vadu-portal .vadu-btn, .vadu-portal button.is-ok, .vadu-portal .wp-block-button__link{ background:var(--p-text); border-color:var(--p-text); color:#fff !important; }
.vadu-portal .vadu-btn:hover, .vadu-portal button.is-ok:hover, .vadu-portal .wp-block-button__link:hover{ background:#000; border-color:#000; }
.vadu-portal button:focus-visible, .vadu-portal a:focus-visible, .vadu-portal summary:focus-visible, .vadu-portal input:focus-visible, .vadu-portal textarea:focus-visible, .vadu-portal select:focus-visible{ outline:3px solid color-mix(in srgb, var(--pt-marca) 35%, transparent); outline-offset:2px; }
.vadu-portal .wp-block-button{ margin:0; }
.vadu-link{ color:var(--p-muted) !important; font-size:.95rem; text-decoration:underline; text-underline-offset:3px; min-height:44px; display:inline-flex; align-items:center; }
.vadu-link:hover{ color:var(--p-text) !important; }
.vadu-pieza__botones{ display:flex; flex-wrap:wrap; gap:.6rem; }

/* Campos */
.vadu-portal .vadu-form{ display:grid; gap:1rem; }
.vadu-portal .vadu-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.vadu-portal .vadu-field{ display:grid; gap:.35rem; margin:0; }
.vadu-portal .vadu-field > span{ font-size:.88rem; font-weight:600; letter-spacing:0; text-transform:none; color:var(--p-text); }
.vadu-portal .vadu-field small{ font-size:.82rem; color:var(--p-muted); }
.vadu-portal input[type=text], .vadu-portal input[type=email], .vadu-portal input[type=url], .vadu-portal input[type=password], .vadu-portal input[type=date], .vadu-portal select, .vadu-portal textarea{
  width:100%; min-height:46px; padding:.6rem .8rem; font-family:inherit; font-size:16px; color:var(--p-text);
  background:#fff; border:1px solid var(--p-line-2); border-radius:8px; box-shadow:none;
}
.vadu-portal textarea{ min-height:96px; resize:vertical; }
.vadu-portal input:focus, .vadu-portal select:focus, .vadu-portal textarea:focus{ border-color:var(--p-text); outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--p-text) 12%, transparent); }
.vadu-portal input[type=file]{ font-family:inherit; font-size:.9rem; }
.vadu-portal input[type=color]{ width:64px; height:40px; border:1px solid var(--p-line-2); border-radius:8px; padding:2px; background:#fff; }
.vadu-portal__remember{ display:flex; gap:.6rem; align-items:center; font-size:.95rem; color:var(--p-muted); }
.vadu-portal__remember input{ width:18px; height:18px; accent-color:var(--p-text); }
.vadu-portal .vadu-form__legal{ font-size:.85rem; color:var(--p-muted); }

/* Avisos */
.vadu-portal__aviso, .vadu-portal .vadu-form-error{ padding:.8rem 1rem; border-radius:8px; margin:0 0 1.2rem; font-size:.95rem; border:1px solid; }
.vadu-portal__aviso{ background:var(--st-aprobada-bg); border-color:color-mix(in srgb, var(--st-aprobada) 25%, transparent); color:var(--st-aprobada); }
.vadu-portal .vadu-form-error{ background:var(--st-cambios-bg); border-color:color-mix(in srgb, var(--st-cambios) 25%, transparent); color:var(--st-cambios); }

/* Acceso */
.vadu-portal__login{ max-width:440px; margin:0 auto; padding:2rem; border:1px solid var(--p-line); border-radius:14px; box-shadow:var(--p-shadow); }
.vadu-portal__login h1{ font-size:1.7rem; font-weight:600; line-height:1.2; margin:0 0 .5rem; }
.vadu-portal__login .vadu-lead{ font-size:1rem; margin:0 0 1.4rem; }
.vadu-portal__login .wp-block-button__link{ width:100%; }
.vadu-portal__clave{ margin-top:1.4rem; border-top:1px solid var(--p-line); }
.vadu-portal__clave summary{ cursor:pointer; padding:.9rem 0; font-size:.9rem; color:var(--p-muted); }

/* Cabecera del portal */
.vadu-portal__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin-bottom:1.4rem; }
.vadu-portal__logo{ display:block; max-height:34px; max-width:180px; width:auto; height:auto; margin:0 0 .9rem; object-fit:contain; }
.vadu-portal__head h1{ font-size:clamp(1.6rem, 3vw, 2rem); font-weight:600; line-height:1.15; margin:0; }
.vadu-portal__salir{ font-size:.92rem; color:var(--p-muted) !important; text-decoration:none; padding:.6rem .2rem; }
.vadu-portal__salir:hover{ color:var(--p-text) !important; text-decoration:underline; }

/* Pestañas (segmentadas) y meses */
.vadu-portal__tabs{ display:flex; gap:.25rem; padding:.25rem; margin:0 0 1.6rem; background:var(--p-soft); border:1px solid var(--p-line); border-radius:10px; overflow-x:auto; scrollbar-width:none; width:max-content; max-width:100%; }
.vadu-portal__tabs::-webkit-scrollbar{ display:none; }
.vadu-portal__tabs a{ flex:none; padding:.55rem 1rem; min-height:40px; display:inline-flex; align-items:center; border-radius:7px; font-size:.95rem; font-weight:500; color:var(--p-muted); text-decoration:none; }
.vadu-portal__tabs a:hover{ color:var(--p-text); }
.vadu-portal__tabs a[aria-current]{ background:#fff; color:var(--p-text); font-weight:600; box-shadow:0 1px 2px rgba(28,27,26,.12); }
.vadu-portal__meses{ display:flex; gap:.4rem; flex-wrap:wrap; margin:0 0 1.4rem; }
.vadu-portal__meses a{ padding:.4rem .8rem; border:1px solid var(--p-line-2); border-radius:999px; font-size:.88rem; text-decoration:none; color:var(--p-muted); }
.vadu-portal__meses a[aria-current]{ background:var(--p-text); border-color:var(--p-text); color:#fff; }

/* Inicio */
.vadu-inicio, .vadu-resumen{ padding:1.6rem; border:1px solid var(--p-line); border-radius:14px; box-shadow:var(--p-shadow); margin:0 0 1.6rem; }
.vadu-inicio__cifra{ font-size:clamp(1.5rem, 3vw, 1.9rem); font-weight:600; line-height:1.2; margin:.2rem 0 .6rem; }
.vadu-inicio__cifra strong{ font-size:1em; }
.vadu-limite{ font-size:.98rem; color:var(--p-muted); margin:0 0 1.2rem !important; }
.vadu-limite strong{ color:var(--p-text); }
.vadu-limite span{ display:block; margin-top:.2rem; font-size:.92rem; }
.vadu-limite.is-urgente{ color:var(--st-cambios); }
.vadu-limite.is-urgente strong{ color:var(--st-cambios); }
.vadu-inicio__cta{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.2rem; margin:0 0 .6rem !important; }
.vadu-inicio__nota{ font-size:.92rem; color:var(--p-muted); margin:0 0 1.2rem !important; }
.vadu-portal .vadu-inicio__stats{ list-style:none; margin:0; padding:1rem 0 0; border-top:1px solid var(--p-line); display:flex; flex-wrap:wrap; gap:.5rem 1.6rem; font-size:.95rem; color:var(--p-muted); }
.vadu-inicio__stats strong{ color:var(--p-text); font-weight:700; }
.vadu-inicio__stats .is-cambios strong{ color:var(--st-cambios); }
.vadu-inicio__atajos{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:.8rem; margin:0 0 1.6rem; }
.vadu-inicio__atajos a{ display:grid; gap:.2rem; padding:1rem 1.1rem; border:1px solid var(--p-line); border-radius:var(--p-radius); text-decoration:none; background:#fff; transition:border-color .2s, box-shadow .2s; }
.vadu-inicio__atajos a:hover{ border-color:var(--p-line-2); box-shadow:var(--p-shadow); }
.vadu-inicio__atajos .vadu-num{ margin:0; }
.vadu-inicio__atajos strong{ font-size:1.02rem; font-weight:600; }
.vadu-portal__nota{ border:1px solid var(--p-line); border-radius:var(--p-radius); margin:0 0 1.6rem; background:var(--p-soft); }
.vadu-portal__nota summary{ cursor:pointer; padding:.9rem 1.1rem; font-weight:600; }
.vadu-portal__nota > div{ padding:0 1.1rem 1.1rem; max-width:75ch; }
.vadu-portal__nota h4{ font-size:1rem; margin:1rem 0 .3rem; }
.vadu-portal__nota ul{ margin:.3rem 0 .6rem 1.1rem; padding:0; }
.vadu-portal__nota p{ margin:0 0 .6rem; }

/* Revisar: una pieza a la vez */
.vadu-rev__barra{ display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size:.95rem; color:var(--p-muted); margin-bottom:.6rem; }
.vadu-rev__barra a{ color:var(--p-text); text-decoration:none; font-weight:500; min-height:40px; display:inline-flex; align-items:center; }
.vadu-rev__barra a:hover{ text-decoration:underline; }
.vadu-rev__barra span{ white-space:nowrap; }
.vadu-rev__barra a:last-child{ margin-left:auto; }
.vadu-rev__progreso{ height:6px; border-radius:99px; background:var(--p-soft); margin:0 0 1.6rem; overflow:hidden; }
.vadu-rev__progreso span{ display:block; height:100%; background:var(--pt-marca); border-radius:99px; transition:width .5s ease; }
.vadu-rev__pieza{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:clamp(1.2rem, 3.5vw, 3rem); align-items:start; }
.vadu-rev__galeria{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:.5rem; border-radius:12px; }
.vadu-rev__galeria img{ flex:0 0 100%; scroll-snap-align:start; display:block; width:100%; height:auto; max-height:76vh; object-fit:contain; background:var(--p-soft); border-radius:12px; border:1px solid var(--p-line); }
.vadu-rev__deslizar{ margin:.6rem 0 0 !important; font-size:.88rem; color:var(--p-muted); }
.vadu-rev__deslizar a{ color:var(--p-muted); }
.vadu-rev__sin-arte{ border:1px dashed var(--p-line-2); border-radius:12px; padding:1.3rem; min-height:180px; display:grid; align-content:start; gap:.6rem; background:var(--p-soft); }
.vadu-rev__sin-arte > span{ font-size:.85rem; font-weight:600; color:var(--p-muted); }
.vadu-rev__sin-arte p{ color:var(--p-text); }
.vadu-rev__cuando{ display:flex; align-items:baseline; flex-wrap:wrap; gap:.3rem .7rem; font-size:.95rem; color:var(--p-muted); margin:0 0 .5rem !important; }
.vadu-rev__num{ font-weight:700; color:var(--p-text); }
.vadu-rev__info h2{ font-size:clamp(1.4rem, 2.6vw, 1.8rem); font-weight:600; line-height:1.2; margin:.4rem 0 .5rem; }
.vadu-rev__aprobo{ font-size:.92rem; color:var(--st-aprobada); margin:0 0 .8rem !important; }
.vadu-rev__pieza form{ display:grid; gap:.8rem; margin-top:1.2rem; }
.vadu-rev__botones{ display:flex; flex-wrap:wrap; gap:.6rem 1rem; align-items:center; }
.vadu-rev__botones .vadu-btn{ min-width:12rem; min-height:50px; font-size:1rem; }
.vadu-rev__cambios{ border:1px solid var(--p-line); border-radius:var(--p-radius); }
.vadu-rev__cambios summary{ cursor:pointer; padding:.8rem 1rem; font-weight:600; min-height:46px; display:flex; align-items:center; }
.vadu-rev__cambios[open]{ padding:0 1rem 1rem; }
.vadu-rev__cambios[open] summary{ padding-left:0; padding-right:0; }
.vadu-rev__cambios .vadu-field{ margin-bottom:.8rem; }
.vadu-rev__saltar{ display:inline-flex; align-items:center; min-height:44px; margin-top:.4rem; font-size:.95rem; color:var(--p-muted) !important; }

/* Datos de una pieza (compartido) */
.vadu-pieza__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .8rem; margin:0 0 .5rem !important; font-size:.9rem; color:var(--p-muted); }
.vadu-rev__pieza .vadu-pieza__estado{ margin-left:auto; }
.vadu-pieza__tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 .6rem !important; }
.vadu-pieza__tags span{ font-size:.82rem; padding:.2rem .6rem; border-radius:6px; background:var(--p-soft); border:1px solid var(--p-line); color:var(--p-muted); }
.vadu-pieza__cta{ margin:0 0 .9rem !important; font-size:.95rem; color:var(--p-muted); }
.vadu-pieza__copy{ margin:0 0 .9rem; border:1px solid var(--p-line); border-radius:var(--p-radius); }
.vadu-pieza__copy summary{ cursor:pointer; padding:.75rem 1rem; font-size:.95rem; font-weight:600; min-height:44px; display:flex; align-items:center; }
.vadu-pieza__copy dl{ margin:0; padding:0 1rem 1rem; display:grid; grid-template-columns:7.5rem 1fr; gap:.6rem 1rem; font-size:.95rem; line-height:1.55; }
.vadu-pieza__copy dt{ font-weight:600; color:var(--p-muted); font-size:.88rem; text-transform:none; letter-spacing:0; }
.vadu-pieza__copy dd{ margin:0; }
.vadu-pieza__ver{ display:inline-flex; align-items:center; gap:.3rem; min-height:40px; font-size:.95rem; font-weight:600; color:var(--p-text) !important; text-decoration:underline; text-underline-offset:3px; margin:0 1rem .6rem 0; }

/* Referencias de estilo */
.vadu-refs{ margin:.2rem 0 .4rem; padding:0 1rem 1rem; }
.vadu-rev__sin-arte .vadu-refs{ padding:0; }
.vadu-refs__titulo{ font-size:.85rem; font-weight:600; color:var(--p-muted); margin:0 0 .5rem !important; }
.vadu-refs__lista{ display:flex; flex-wrap:wrap; gap:.5rem; }
.vadu-refs__lista a{ display:block; width:88px; border:1px solid var(--p-line); border-radius:8px; overflow:hidden; background:#fff; }
.vadu-refs__lista img{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }

/* Conversación */
.vadu-portal .vadu-hilo{ list-style:none; margin:.4rem 0 1rem; padding:0; display:grid; gap:.5rem; }
.vadu-hilo li{ padding:.7rem .9rem; border-radius:10px; background:var(--p-soft); border:1px solid var(--p-line); max-width:62ch; }
.vadu-hilo li.is-vadu{ background:#fff; border-color:var(--p-line-2); margin-left:clamp(0rem, 4vw, 2.5rem); }
.vadu-hilo strong{ font-size:.9rem; }
.vadu-hilo time{ font-size:.8rem; color:var(--p-faint); margin-left:.4rem; }
.vadu-hilo p{ margin:.25rem 0 0 !important; font-size:.98rem; }

/* Resumen */
.vadu-resumen__bloque{ margin-top:1.4rem; padding-top:1.2rem; border-top:1px solid var(--p-line); }
.vadu-resumen__bloque h3{ font-size:1.15rem; font-weight:600; margin:0 0 .8rem; }
.vadu-portal .vadu-resumen__lista{ margin:0 0 1rem; padding-left:1.2rem; display:grid; gap:.4rem; }
.vadu-resumen__lista span{ color:var(--p-muted); margin-right:.3rem; }

/* Calendario */
.vadu-cal{ border:1px solid var(--p-line); border-radius:12px; overflow:hidden; }
.vadu-cal__head, .vadu-cal__grid{ display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); }
.vadu-cal__head{ background:var(--p-soft); border-bottom:1px solid var(--p-line); }
.vadu-cal__head span{ padding:.55rem .6rem; font-size:.82rem; font-weight:600; color:var(--p-muted); text-transform:none; letter-spacing:0; }
.vadu-cal__dia{ min-height:clamp(86px, 9vw, 128px); padding:.45rem; display:flex; flex-direction:column; gap:.3rem; border-right:1px solid var(--p-line); border-bottom:1px solid var(--p-line); }
.vadu-cal__dia:nth-child(7n){ border-right:0; }
.vadu-cal__dia.is-vacio{ background:#fcfbfa; }
.vadu-cal__num{ font-size:.82rem; font-weight:600; color:var(--p-muted); }
.vadu-cal__dia.is-hoy .vadu-cal__num{ display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--p-text); color:#fff; }
.vadu-cal__pieza{ display:grid; grid-template-columns:30px 1fr; gap:.35rem; align-items:center; padding:.25rem; border-radius:6px; background:var(--pt-estado-bg, var(--p-soft)); color:var(--p-text); text-decoration:none; font-size:.74rem; line-height:1.25; border-left:3px solid var(--pt-estado); }
.vadu-cal__pieza:not(:has(img)){ grid-template-columns:1fr; }
.vadu-cal__pieza img{ width:30px; height:38px; object-fit:cover; border-radius:3px; display:block; }
.vadu-cal__pieza span{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.vadu-cal__pieza:hover{ filter:brightness(.97); }
.vadu-cal__leyenda{ display:flex; flex-wrap:wrap; gap:.4rem 1rem; padding:.7rem .9rem; margin:0 !important; font-size:.85rem; color:var(--p-muted); border-top:1px solid var(--p-line); }
.vadu-cal__leyenda span{ display:inline-flex; align-items:center; gap:.4rem; }
.vadu-cal__leyenda span::before{ content:""; width:10px; height:10px; border-radius:3px; background:var(--pt-estado); }

/* Perfil (cuadrícula de Instagram) */
.vadu-perfil{ max-width:720px; }
.vadu-perfil__cabeza{ display:flex; align-items:flex-start; gap:clamp(1rem, 4vw, 2rem); margin:0 0 1.2rem; }
.vadu-perfil__avatar{ flex:none; width:clamp(72px, 16vw, 104px); height:clamp(72px, 16vw, 104px); border-radius:50%; display:grid; place-items:center; background:var(--p-text); color:#fff; font-size:1.8rem; font-weight:600; box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--p-line-2); overflow:hidden; }
.vadu-perfil__avatar.has-img{ background:#fff; }
.vadu-perfil__avatar img{ width:78%; height:78%; object-fit:contain; }
.vadu-perfil__datos strong{ font-size:1.1rem; font-weight:700; }
.vadu-portal .vadu-perfil__cifras{ list-style:none; margin:.4rem 0 .5rem; padding:0; display:flex; flex-wrap:wrap; gap:.2rem 1.2rem; font-size:.95rem; color:var(--p-muted); }
.vadu-perfil__cifras b{ color:var(--p-text); }
.vadu-perfil__nombre{ font-weight:600; font-size:.95rem; }
.vadu-perfil__bio{ font-size:.95rem; line-height:1.45; margin:.15rem 0 .25rem !important; }
.vadu-perfil__web{ font-size:.95rem; font-weight:600; color:var(--p-text) !important; text-decoration:none; }
.vadu-perfil__nota{ font-size:.9rem; color:var(--p-muted); margin:0 0 .8rem !important; }
.vadu-perfil__grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:3px; border-radius:8px; overflow:hidden; }
.vadu-perfil__celda{ position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:var(--p-soft); }
.vadu-perfil__celda img{ width:100%; height:100%; object-fit:cover; display:block; }
.vadu-perfil__texto{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:.7rem; text-align:center; font-size:clamp(.72rem, 2.2vw, .92rem); font-weight:600; line-height:1.25; color:var(--p-muted); }
.vadu-perfil__fecha{ position:absolute; left:.35rem; bottom:.35rem; font-size:.7rem; font-weight:600; padding:.1rem .4rem; border-radius:4px; background:rgba(28,27,26,.75); color:#fff; }
.vadu-perfil__celda::before{ content:""; position:absolute; top:.4rem; left:.4rem; width:10px; height:10px; border-radius:50%; background:var(--pt-estado); box-shadow:0 0 0 2px #fff; z-index:1; }
.vadu-perfil__celda.is-carrusel::after, .vadu-perfil__celda.is-reel::after{ position:absolute; top:.3rem; right:.45rem; color:#fff; font-size:.9rem; text-shadow:0 1px 3px rgba(0,0,0,.55); }
.vadu-perfil__celda.is-carrusel::after{ content:"❐"; }
.vadu-perfil__celda.is-reel::after{ content:"▶"; }
.vadu-perfil__grid + .vadu-portal__hint{ margin-top:.8rem; }

/* Todas las piezas */
.vadu-portal .vadu-portal__piezas{ list-style:none; margin:0; padding:0; display:grid; gap:.8rem; }
.vadu-pieza{ display:grid; grid-template-columns:64px 150px 1fr; gap:1.2rem; padding:1.1rem; border:1px solid var(--p-line); border-radius:12px; background:#fff; scroll-margin-top:110px; }
.vadu-pieza:target{ box-shadow:0 0 0 3px color-mix(in srgb, var(--pt-marca) 25%, transparent); }
.vadu-pieza__fecha{ display:grid; align-content:start; justify-items:center; gap:.05rem; padding:.5rem 0; border-radius:10px; background:var(--p-soft); text-align:center; }
.vadu-pieza__fecha small{ font-size:.72rem; color:var(--p-faint); }
.vadu-pieza__fecha span{ font-size:.78rem; font-weight:600; color:var(--p-muted); }
.vadu-pieza__fecha strong{ font-size:1.5rem; font-weight:700; line-height:1.1; }
.vadu-pieza__fecha em{ font-size:.74rem; color:var(--p-muted); }
.vadu-pieza__arte a{ display:block; border-radius:8px; overflow:hidden; border:1px solid var(--p-line); }
.vadu-pieza__arte img{ display:block; width:100%; height:auto; }
.vadu-pieza__arte > span{ display:flex; align-items:center; justify-content:center; aspect-ratio:4/5; border:1px dashed var(--p-line-2); border-radius:8px; font-size:.82rem; color:var(--p-faint); text-align:center; padding:.6rem; background:var(--p-soft); }
.vadu-pieza h4{ font-size:1.15rem; font-weight:600; line-height:1.3; margin:.2rem 0 .3rem; }
.vadu-pieza .vadu-rev__cambios{ max-width:62ch; margin-top:.6rem; }
.vadu-pieza form{ display:grid; gap:.6rem; }

/* Observaciones del mes */
.vadu-portal__generales{ margin-top:1.6rem; padding:1.4rem; border:1px solid var(--p-line); border-radius:14px; }
.vadu-portal__generales .vadu-portal__sub{ margin-top:0; }
.vadu-portal__generales .vadu-portal__hint{ margin:-.6rem 0 1rem; }
.vadu-portal__generales form{ display:grid; gap:.7rem; max-width:62ch; }

/* ---------------- Estudio VADU ---------------- */
.vadu-portal .vadu-est__cifras{ list-style:none; margin:0 0 1.8rem; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:.8rem; }
.vadu-est__cifras li{ display:flex; }
.vadu-est__cifras a{ flex:1; display:grid; gap:.15rem; padding:1rem 1.1rem; border:1px solid var(--p-line); border-radius:12px; text-decoration:none; color:var(--p-muted); font-size:.92rem; background:#fff; transition:box-shadow .2s; }
.vadu-est__cifras a:hover{ box-shadow:var(--p-shadow); }
.vadu-est__cifras strong{ font-size:1.9rem; font-weight:700; line-height:1.1; color:var(--p-text); }
.vadu-est__cifras .is-alerta a{ border-color:color-mix(in srgb, var(--st-cambios) 35%, transparent); background:var(--st-cambios-bg); }
.vadu-est__cifras .is-alerta strong{ color:var(--st-cambios); }
.vadu-est__bloque{ margin:0 0 2rem; }
.vadu-est__bloque > .vadu-portal__sub{ margin-top:0; }
.vadu-est__item{ display:grid; gap:.2rem; padding:.9rem 1rem; margin:0 0 .5rem; border:1px solid var(--p-line); border-left:4px solid var(--p-line-2); border-radius:10px; background:#fff; color:var(--p-text); text-decoration:none; transition:box-shadow .2s, border-color .2s; }
a.vadu-est__item:hover{ box-shadow:var(--p-shadow); }
.vadu-est__item.is-cambios{ border-left-color:var(--st-cambios); }
.vadu-est__tipo{ font-size:.82rem; font-weight:600; color:var(--p-muted); text-transform:none; letter-spacing:0; }
.vadu-est__tipo b{ color:var(--st-cambios); }
.vadu-est__item strong{ font-weight:600; }
.vadu-est__item em{ color:var(--p-muted); font-size:.95rem; }
.vadu-est__linea{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin-top:.5rem; }
.vadu-est__linea input[type=url]{ flex:1 1 240px; }
.vadu-est__linea input[type=date], .vadu-est__linea select{ width:auto; }
.vadu-est__linea label{ display:flex; gap:.5rem; align-items:center; font-size:.92rem; color:var(--p-muted); }
.vadu-est__clientes{ display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:.8rem; }
.vadu-est__cliente{ display:grid; justify-items:start; gap:.4rem; padding:1.1rem; border:1px solid var(--p-line); border-radius:12px; background:#fff; color:var(--p-text); text-decoration:none; transition:box-shadow .2s, border-color .2s; }
.vadu-est__cliente:hover{ box-shadow:var(--p-shadow); border-color:var(--p-line-2); }
.vadu-est__cliente .vadu-perfil__avatar{ width:52px; height:52px; font-size:1.3rem; }
.vadu-est__cliente strong{ font-size:1.05rem; font-weight:600; }
.vadu-est__cliente span:last-child{ font-size:.88rem; color:var(--p-muted); }
.vadu-est__nuevo{ border:1px dashed var(--p-line-2); border-radius:12px; padding:0 1.1rem; }
.vadu-est__nuevo summary{ cursor:pointer; padding:1rem 0; font-weight:600; }
.vadu-est__nuevo[open]{ padding-bottom:1.1rem; }
.vadu-est__barra{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem 1.2rem; padding:.6rem 1rem; margin:0 0 1.4rem; border-radius:10px; background:var(--p-text); color:#fff; font-size:.92rem; }
.vadu-est__barra a{ color:#fff !important; text-decoration:none; font-weight:600; min-height:36px; display:inline-flex; align-items:center; }
.vadu-est__barra a:hover{ text-decoration:underline; }
.vadu-est__herr{ border:1px solid var(--p-line-2); border-radius:12px; background:var(--p-soft); padding:.9rem 1.1rem; margin:1.2rem 0; display:grid; gap:.2rem; }
.vadu-est__herr > .vadu-num{ font-weight:700; color:var(--p-text); margin:0 0 .2rem !important; }
.vadu-est__herr details{ border-top:1px solid var(--p-line); }
.vadu-est__herr summary{ cursor:pointer; padding:.7rem 0; font-weight:600; min-height:44px; display:flex; align-items:center; }
.vadu-est__herr details form{ margin-bottom:.9rem; }
.vadu-est__ficha{ max-width:720px; }
.vadu-est__img img{ max-height:64px; max-width:200px; width:auto; object-fit:contain; background:#fff; border:1px solid var(--p-line); border-radius:8px; padding:4px; }
.vadu-portal .vadu-est__gente{ list-style:none; margin:0 0 1.2rem; padding:0; border:1px solid var(--p-line); border-radius:12px; }
.vadu-est__gente li{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem 1rem; padding:.8rem 1rem; border-bottom:1px solid var(--p-line); }
.vadu-est__gente li:last-child{ border-bottom:0; }
.vadu-est__gente span{ font-size:.9rem; color:var(--p-muted); }

/* Vista previa de administradora (compatibilidad) */
.vadu-portal__preview{ display:flex; flex-wrap:wrap; gap:.6rem 1rem; align-items:center; padding:.6rem 1rem; margin:0 0 1.4rem; border-radius:10px; background:var(--p-soft); font-size:.92rem; }

/* ---------------- Celular y tablet ---------------- */
@media (max-width: 900px){
  .vadu-rev__pieza{ grid-template-columns:1fr; }
  .vadu-inicio__atajos{ grid-template-columns:1fr; }
  .vadu-pieza{ grid-template-columns:56px 1fr; }
  .vadu-pieza__arte{ grid-column:2; }
  .vadu-pieza__info{ grid-column:1 / -1; }
  .vadu-pieza__arte img, .vadu-pieza__arte > span{ max-width:260px; }
  .vadu-portal .vadu-est__cifras{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px){
  .vadu-portal{ padding-left:16px; padding-right:16px; }
  .vadu-portal .vadu-form__row{ grid-template-columns:1fr; }
  .vadu-inicio, .vadu-resumen, .vadu-portal__generales, .vadu-portal__login{ padding:1.1rem; border-radius:12px; }
  .vadu-inicio__cta .vadu-btn, .vadu-rev__botones .vadu-btn{ width:100%; }
  .vadu-portal__tabs{ width:100%; }
  .vadu-portal__tabs a{ flex:1 0 auto; justify-content:center; padding:.5rem .7rem; font-size:.9rem; }
  .vadu-rev__galeria img{ flex-basis:88%; max-height:60vh; }
  .vadu-pieza__copy dl{ grid-template-columns:1fr; gap:.15rem; }
  .vadu-pieza__copy dd{ margin-bottom:.6rem; }
  /* Calendario compacto: marcas de color */
  .vadu-cal__head span{ padding:.4rem .2rem; font-size:.72rem; text-align:center; }
  .vadu-cal__dia{ min-height:50px; padding:.25rem; gap:.2rem; }
  .vadu-cal__pieza{ display:block; height:6px; padding:0; border:0; border-radius:3px; background:var(--pt-estado); }
  .vadu-cal__pieza img, .vadu-cal__pieza span{ display:none; }
  .vadu-cal__num{ font-size:.75rem; }
  .vadu-pieza.is-sin-arte{ grid-template-columns:56px 1fr; }
  .vadu-pieza.is-sin-arte .vadu-pieza__arte{ display:none; }
  .vadu-pieza.is-sin-arte .vadu-pieza__info{ grid-column:2; }
  /* Aprobar siempre a mano: barra fija abajo */
  .vadu-rev__fijo{ position:fixed; left:0; right:0; bottom:0; z-index:50; padding:.7rem 16px calc(.7rem + env(safe-area-inset-bottom)); background:rgba(255,255,255,.96); backdrop-filter:blur(6px); border-top:1px solid var(--p-line); }
  .vadu-rev:has(.vadu-rev__fijo){ padding-bottom:84px; }
  .vadu-portal .vadu-est__cifras{ grid-template-columns:1fr 1fr; }
}

/* Los títulos del portal ganan a los editoriales del sitio (.entry-content h1/h2/h3) */
.vadu-portal h1, .vadu-portal h2, .vadu-portal h3, .vadu-portal h4{ margin-top:0; font-weight:600; }
.vadu-portal .vadu-portal__head h1{ font-size:clamp(1.6rem, 3vw, 2rem); line-height:1.15; margin:0; }
.vadu-portal .vadu-inicio__cifra{ font-size:clamp(1.5rem, 3vw, 1.9rem); line-height:1.2; margin:.2rem 0 .6rem; }
.vadu-portal .vadu-portal__sub{ font-size:1.25rem; line-height:1.3; margin:2rem 0 1rem; }
.vadu-portal .vadu-est__bloque > .vadu-portal__sub, .vadu-portal .vadu-portal__generales .vadu-portal__sub{ margin-top:0; }
.vadu-portal .vadu-rev__info h2{ font-size:clamp(1.35rem, 2.6vw, 1.75rem); line-height:1.2; margin:.4rem 0 .5rem; }
.vadu-portal .vadu-resumen__bloque h3{ font-size:1.15rem; margin:0 0 .8rem; }
.vadu-portal .vadu-pieza h4{ font-size:1.12rem; line-height:1.3; margin:.2rem 0 .3rem; }
.vadu-portal .vadu-portal__login h1{ font-size:1.7rem; line-height:1.2; margin:0 0 .5rem; }
.vadu-pieza__fecha{ align-self:start; }

/* ==========================================================================
   Ancho completo para pantallas grandes · 2026-09-28
   El portal se alinea al ancho del sitio (--vadu-max) y en pantallas anchas se reparte
   en columnas, para que ningún texto quede con líneas larguísimas.
   ========================================================================== */
.vadu-portal{ max-width:var(--vadu-max, 1680px); padding-left:var(--vadu-gutter, 20px); padding-right:var(--vadu-gutter, 20px); }
.vadu-dos{ display:grid; gap:clamp(1.2rem, 2.4vw, 2.4rem); }
.vadu-dos__main > :last-child, .vadu-dos__lado > :last-child{ margin-bottom:0; }
.vadu-inicio__cifra, .vadu-inicio__nota, .vadu-limite, .vadu-portal__nota > div, .vadu-hilo li{ max-width:72ch; }
@media (min-width: 1100px){
  .vadu-dos{ grid-template-columns:minmax(0, 1.75fr) minmax(320px, 1fr); align-items:start; }
  .vadu-dos__lado .vadu-inicio__atajos{ grid-template-columns:1fr; }
  .vadu-dos__lado .vadu-portal__generales{ margin-top:0; }
  .vadu-dos__lado .vadu-est__clientes{ grid-template-columns:1fr 1fr; }
  .vadu-portal .vadu-portal__piezas{ grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:start; }
  .vadu-rev__pieza{ grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); }
  .vadu-perfil{ max-width:900px; }
}
@media (min-width: 1800px){
  .vadu-portal .vadu-portal__piezas{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .vadu-dos__lado .vadu-est__clientes{ grid-template-columns:1fr 1fr 1fr; }
}
/* «Todas»: máximo 2 columnas; la tarjeta deja más aire al texto */
@media (min-width: 1100px){
  .vadu-portal .vadu-portal__piezas .vadu-pieza{ grid-template-columns:56px 120px minmax(0, 1fr); gap:1rem; }
}
@media (min-width: 1800px){
  .vadu-portal .vadu-portal__piezas{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .vadu-portal .vadu-portal__piezas .vadu-pieza{ grid-template-columns:64px 160px minmax(0, 1fr); gap:1.4rem; }
}

/* ==========================================================================
   Marcas sobre el arte (pines) · 2026-09-28 (js/portal.js)
   ========================================================================== */
.vadu-rev__galeria .vadu-marcable{ position:relative; flex:0 0 100%; scroll-snap-align:start; line-height:0; }
.vadu-rev__galeria .vadu-marcable img{ max-height:none; width:100%; height:auto; object-fit:initial; }
[data-vadu-marcable] .vadu-marcable{ cursor:crosshair; }
.vadu-marcas__ayuda{ font-size:.92rem; color:var(--p-muted); margin:0 0 .6rem !important; }
.vadu-marcas__ayuda strong{ color:var(--p-text); }
.vadu-pin{ position:absolute; transform:translate(-50%, -50%); width:30px; height:30px; min-height:0 !important; padding:0 !important; border-radius:50% !important; display:grid !important; place-items:center; font:700 .8rem/1 "Archivo", sans-serif !important; letter-spacing:0 !important; text-transform:none !important; color:#fff !important; background:var(--st-cambios) !important; border:2px solid #fff !important; box-shadow:0 2px 8px rgba(0,0,0,.35); z-index:2; cursor:pointer; }
.vadu-pin.is-guardada{ background:var(--p-text) !important; cursor:help; }
.vadu-pin.is-vieja{ opacity:.45; }
.vadu-pin.is-nueva{ animation:vadu-pin-entra .25s ease-out; }
@keyframes vadu-pin-entra{ from{ transform:translate(-50%, -50%) scale(.3); } to{ transform:translate(-50%, -50%) scale(1); } }
.vadu-pin.is-mini{ position:static; transform:none; width:22px; height:22px; font-size:.7rem !important; box-shadow:none; border-width:0 !important; flex:none; }
.vadu-marcas{ list-style:none; margin:0 0 .8rem; padding:0; display:grid; gap:.5rem; }
.vadu-marcas li{ display:flex; align-items:center; gap:.5rem; }
.vadu-marcas input[type=text]{ flex:1; min-height:42px !important; }
.vadu-portal .vadu-marcas__x{ min-height:36px; width:36px; padding:0; border-radius:50%; font-size:.9rem; }
.vadu-portal .vadu-hilo__pins{ list-style:none; margin:.5rem 0 0; padding:0; display:grid; gap:.35rem; }
.vadu-hilo__pins li{ display:flex; align-items:center; gap:.5rem; font-size:.92rem; }
.vadu-hilo__pins small{ color:var(--p-faint); }
.vadu-hilo li.is-cliente .vadu-pin.is-mini{ background:var(--p-text) !important; }

/* ==========================================================================
   Conexión con la marca VADU · 2026-09-28
   Lo funcional (etiquetas, pestañas, botones) usa la voz del header: Archivo en mayúsculas espaciadas,
   botones rectos, línea dorada. El saludo y las cifras grandes, la serif de VADU. El texto de lectura sigue en sans.
   ========================================================================== */
.vadu-portal{ --vadu-dorado:#c9a877; --p-radius:6px; }
.vadu-portal .vadu-num, .vadu-portal .vadu-portal__sub, .vadu-portal .vadu-field > span, .vadu-est__tipo, .vadu-portal__salir, .vadu-rev__barra, .vadu-cal__head span, .vadu-refs__titulo{
  font-family:"Archivo", sans-serif; font-size:.72rem !important; font-weight:600; letter-spacing:.16em !important; text-transform:uppercase !important;
}
.vadu-portal .vadu-num{ color:var(--p-faint); }
.vadu-rev__barra span, .vadu-rev__barra a{ font-size:.72rem; }

/* Saludo y cifras grandes: la serif de VADU */
.vadu-portal .vadu-portal__head h1{ font-family:"Cormorant Garamond", Georgia, serif; font-weight:400; font-size:clamp(2.2rem, 4vw, 3rem); letter-spacing:-.01em; line-height:1.05; }
.vadu-portal .vadu-portal__head h1 em{ font-style:italic; color:var(--global-palette6, #8d867e); }
.vadu-portal .vadu-inicio__cifra strong, .vadu-est__cifras strong{ font-family:"Cormorant Garamond", Georgia, serif; font-weight:500; font-size:1.7em; line-height:1; letter-spacing:0; }
.vadu-portal .vadu-est__cifras strong{ font-size:2.6rem; }

/* Títulos de sección: etiqueta con línea dorada corta */
.vadu-portal .vadu-portal__sub{ color:var(--p-text); padding-bottom:.7rem; border-bottom:1px solid var(--p-line); position:relative; }
.vadu-portal .vadu-portal__sub::after{ content:""; position:absolute; left:0; bottom:-1px; width:44px; height:2px; background:var(--vadu-dorado); }

/* Pestañas como el menú del header: texto espaciado y subrayado dorado */
.vadu-portal .vadu-portal__tabs{ background:none; border:0; border-bottom:1px solid var(--p-line); border-radius:0; padding:0; gap:1.8rem; width:100%; }
.vadu-portal .vadu-portal__tabs a{ padding:.8rem 0; border-radius:0; font-size:.74rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--p-muted); border-bottom:2px solid transparent; margin-bottom:-1px; box-shadow:none; background:none; flex:none; }
.vadu-portal .vadu-portal__tabs a:hover{ color:var(--p-text); border-bottom-color:var(--p-line-2); }
.vadu-portal .vadu-portal__tabs a[aria-current]{ color:var(--p-text); border-bottom-color:var(--vadu-dorado); background:none; box-shadow:none; }

/* Botones rectos como «Hablemos» */
.vadu-portal .vadu-btn, .vadu-portal button, .vadu-portal .wp-block-button__link{ border-radius:0; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; }
.vadu-portal .vadu-btn:hover, .vadu-portal button.is-ok:hover, .vadu-portal .wp-block-button__link:hover{ background:var(--p-text); box-shadow:inset 0 -2px 0 var(--vadu-dorado); }
.vadu-portal .vadu-rev__botones .vadu-btn{ font-size:.8rem; }
.vadu-portal .vadu-link{ text-decoration-color:var(--vadu-dorado); }

/* Detalles con la línea dorada */
.vadu-rev__progreso span{ background:var(--vadu-dorado); }
.vadu-portal input:focus, .vadu-portal select:focus, .vadu-portal textarea:focus{ border-color:var(--p-text); box-shadow:0 0 0 3px color-mix(in srgb, var(--vadu-dorado) 35%, transparent); }
.vadu-inicio, .vadu-resumen, .vadu-portal__generales, .vadu-portal__login{ border-top:2px solid var(--p-text); border-radius:var(--p-radius); }
.vadu-pieza, .vadu-est__cliente, .vadu-est__cifras a, .vadu-inicio__atajos a, .vadu-est__item, .vadu-cal, .vadu-pieza__copy, .vadu-rev__cambios, .vadu-portal__nota, .vadu-est__herr, .vadu-est__nuevo, .vadu-portal .vadu-est__gente{ border-radius:var(--p-radius); }
.vadu-est__barra{ border-radius:var(--p-radius); }
.vadu-est__barra span, .vadu-est__barra a{ font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; }
@media (max-width: 640px){
  .vadu-portal .vadu-portal__tabs{ gap:1.1rem; overflow-x:auto; }
  .vadu-portal .vadu-portal__tabs a{ flex:none; font-size:.7rem; letter-spacing:.12em; }
}
/* Pines guardados visibles sobre cualquier arte; los de rondas anteriores, atenuados */
.vadu-pin.is-guardada{ background:var(--st-cambios) !important; }
.vadu-pin.is-guardada.is-vieja{ background:#6b665f !important; opacity:.55; }
.vadu-hilo li.is-cliente .vadu-pin.is-mini{ background:var(--st-cambios) !important; }
/* El arte nunca más alto que la pantalla; la caja se ajusta a la imagen para que los pines no se muevan */
.vadu-rev__galeria{ align-items:flex-start; }
.vadu-rev__galeria .vadu-marcable{ flex:0 0 auto; width:fit-content; max-width:100%; }
.vadu-rev__galeria .vadu-marcable img{ width:auto; max-width:100%; max-height:82vh; }
@media (max-width: 640px){ .vadu-rev__galeria .vadu-marcable{ max-width:88vw; } .vadu-rev__galeria .vadu-marcable img{ max-height:70vh; } }

/* ==========================================================================
   Segunda tanda · 2026-09-29: versiones, teléfono, acta, marca, pedidos, tiempos
   ========================================================================== */
.vadu-portal .vadu-est__cifras{ grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); }

/* Antes y después */
.vadu-versiones{ margin:1rem 0 0; border:1px solid var(--p-line); border-radius:var(--p-radius); }
.vadu-versiones summary{ cursor:pointer; padding:.8rem 1rem; font-size:.74rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.vadu-versiones summary span{ margin-left:.6rem; font-weight:400; letter-spacing:.04em; text-transform:none; color:var(--p-muted); font-size:.85rem; }
.vadu-versiones__par{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; padding:0 1rem; }
.vadu-versiones figure{ margin:0; }
.vadu-versiones figcaption{ font-size:.7rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--p-muted); margin:0 0 .4rem; }
.vadu-versiones__img{ position:relative; line-height:0; border:1px solid var(--p-line); border-radius:6px; overflow:hidden; background:var(--p-soft); }
.vadu-versiones__img img{ width:100%; height:auto; display:block; }
.vadu-versiones__img .vadu-pin{ width:22px; height:22px; font-size:.68rem !important; }
.vadu-versiones__pedido{ font-size:.85rem; font-weight:600; margin:.8rem 1rem .3rem !important; }
.vadu-versiones .vadu-hilo__pins{ padding:0 1rem 1rem; }

/* Vista en el teléfono */
.vadu-telefono{ margin:1rem 0 0; }
.vadu-telefono summary{ cursor:pointer; display:inline-flex; align-items:center; min-height:44px; font-size:.74rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.vadu-tel{ width:min(340px, 100%); margin:.6rem 0; padding:12px; border-radius:38px; background:#111; box-shadow:0 12px 40px rgba(0,0,0,.25); }
.vadu-tel__pantalla{ position:relative; border-radius:28px; overflow:hidden; background:#fff; color:#111; font:14px/1.35 -apple-system, "Helvetica Neue", Arial, sans-serif; }
.vadu-tel__barra{ display:flex; align-items:center; gap:.5rem; padding:.6rem .7rem; }
.vadu-tel__barra strong{ font-size:.85rem; }
.vadu-tel__mas{ margin-left:auto; letter-spacing:.1em; }
.vadu-tel__avatar{ width:30px; height:30px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#fff; border:1px solid #ddd; flex:none; }
.vadu-tel__avatar img{ width:80%; height:80%; object-fit:contain; }
.vadu-tel__foto{ position:relative; aspect-ratio:4/5; background:#eee; }
.vadu-tel__foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.vadu-tel__cuenta{ position:absolute; top:.5rem; right:.5rem; font-size:.7rem; padding:.15rem .5rem; border-radius:99px; background:rgba(0,0,0,.6); color:#fff; }
.vadu-tel__acciones{ display:flex; gap:.9rem; padding:.55rem .75rem .2rem; font-size:1.2rem; }
.vadu-tel__guardar{ margin-left:auto; }
.vadu-tel__puntos{ display:flex; justify-content:center; gap:4px; margin-top:-1.2rem; margin-bottom:.4rem; }
.vadu-tel__puntos i{ width:6px; height:6px; border-radius:50%; background:#c7c7c7; }
.vadu-tel__puntos i:first-child{ background:#3897f0; }
.vadu-tel__pie{ padding:0 .75rem; margin:0 0 .3rem !important; font-size:.85rem; }
.vadu-tel__fecha{ padding:0 .75rem .8rem; margin:0 !important; font-size:.7rem; color:#8e8e8e; }
.vadu-tel.is-vertical .vadu-tel__pantalla{ aspect-ratio:9/16; background:#000; color:#fff; }
.vadu-tel__fondo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vadu-tel__arriba{ position:absolute; top:.8rem; left:.8rem; display:flex; align-items:center; gap:.5rem; z-index:1; text-shadow:0 1px 3px rgba(0,0,0,.5); }
.vadu-tel__pie-vertical{ position:absolute; left:.8rem; right:3rem; bottom:1rem; z-index:1; font-size:.8rem; margin:0 !important; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.vadu-tel__lado{ position:absolute; right:.7rem; bottom:1.2rem; z-index:1; font-size:1.2rem; line-height:2; text-align:center; text-shadow:0 1px 3px rgba(0,0,0,.5); }

/* Acta de aprobación */
.vadu-acta__barra{ display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:0 0 1.2rem; }
.vadu-acta{ max-width:980px; padding:2rem; border:1px solid var(--p-line); border-radius:var(--p-radius); background:#fff; }
.vadu-acta__cabeza{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-bottom:1rem; margin-bottom:1.4rem; border-bottom:2px solid var(--p-text); }
.vadu-acta__vadu{ height:44px; width:auto; }
.vadu-acta__cliente{ max-height:36px; width:auto; }
.vadu-portal .vadu-acta h1{ font-family:"Cormorant Garamond", Georgia, serif; font-weight:400; font-size:2.2rem; margin:.2rem 0 .4rem; }
.vadu-acta__resumen{ color:var(--p-muted); margin:0 0 1.2rem !important; }
.vadu-acta__tabla{ width:100%; border-collapse:collapse; font-size:.88rem; }
.vadu-acta__tabla th{ text-align:left; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--p-muted); padding:.5rem .4rem; border-bottom:1px solid var(--p-line-2); }
.vadu-acta__tabla td{ padding:.5rem .4rem; border-bottom:1px solid var(--p-line); vertical-align:middle; }
.vadu-acta__pieza{ display:flex; align-items:center; gap:.6rem; }
.vadu-acta__pieza img{ width:34px; height:42px; object-fit:cover; border-radius:3px; }
.vadu-acta__pieza small{ display:block; color:var(--p-muted); font-size:.75rem; }
.vadu-acta__notas h3{ font-size:1rem; margin:1rem 0 .3rem; }
.vadu-acta__pie{ margin-top:2rem; padding-top:1rem; border-top:1px solid var(--p-line); font-size:.78rem; color:var(--p-muted); }
@media print{
  @page{ margin:14mm; }
  body.vadu-acta-page .vadu-topbar, body.vadu-acta-page header.vadu-header, body.vadu-acta-page .vadu-footer, body.vadu-acta-page footer, body.vadu-acta-page .vadu-portal__head, body.vadu-acta-page .vadu-portal__tabs, body.vadu-acta-page .vadu-portal__meses, body.vadu-acta-page .vadu-est__barra, body.vadu-acta-page .no-imprimir, body.vadu-acta-page #wpadminbar{ display:none !important; }
  body.vadu-acta-page .vadu-portal{ padding:0; max-width:none; }
  body.vadu-acta-page .vadu-acta{ border:0; padding:0; max-width:none; }
  body.vadu-acta-page .vadu-acta__tabla tr{ break-inside:avoid; }
  body.vadu-acta-page .vadu-pieza__estado{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}

/* Tu marca */
.vadu-marca__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:1rem; margin-bottom:1.6rem; }
.vadu-marca__bloque{ padding:1.1rem; border:1px solid var(--p-line); border-radius:var(--p-radius); display:grid; gap:.6rem; align-content:start; }
.vadu-marca__bloque .vadu-num{ margin:0; }
.vadu-marca__logo img{ max-height:90px; width:auto; object-fit:contain; justify-self:start; }
.vadu-portal .vadu-marca__colores{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; }
.vadu-portal .vadu-marca__color{ display:grid; gap:.3rem; justify-items:start; min-height:0; padding:.4rem; border:1px solid var(--p-line); border-radius:6px; background:#fff; font-size:.72rem; letter-spacing:.06em; text-transform:none; color:var(--p-text) !important; }
.vadu-marca__color i{ width:64px; height:44px; border-radius:4px; background:var(--c); border:1px solid rgba(0,0,0,.08); }
.vadu-marca__tipos{ font-size:.95rem; }
.vadu-portal .vadu-marca__archivos{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem; }
.vadu-marca__archivos a{ display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:.8rem; padding:.7rem .9rem; border:1px solid var(--p-line); border-radius:var(--p-radius); text-decoration:none; }
.vadu-marca__archivos a:hover{ border-color:var(--p-line-2); background:var(--p-soft); }
.vadu-marca__ext{ font-size:.65rem; font-weight:700; letter-spacing:.08em; padding:.3rem .45rem; border-radius:4px; background:var(--p-text); color:#fff; }
.vadu-marca__archivos small{ color:var(--p-muted); }
.vadu-marca__archivos em{ font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; font-weight:600; }

/* Pedidos */
.vadu-pedidos__nuevo{ padding:1.2rem; border:1px solid var(--p-line); border-top:2px solid var(--p-text); border-radius:var(--p-radius); margin:0 0 1.6rem; max-width:760px; }
.vadu-portal .vadu-pedidos__lista{ list-style:none; margin:0; padding:0; display:grid; gap:.7rem; max-width:760px; }
.vadu-pedido{ padding:1rem 1.1rem; border:1px solid var(--p-line); border-left:4px solid var(--p-line-2); border-radius:var(--p-radius); display:grid; gap:.35rem; }
.vadu-pedido.is-nuevo{ border-left-color:var(--st-pendiente); }
.vadu-pedido.is-en_curso{ border-left-color:var(--vadu-dorado, #c9a877); }
.vadu-pedido.is-listo{ border-left-color:var(--st-aprobada); }
.vadu-pedido.is-descartado{ opacity:.7; }
.vadu-pedido__cabeza{ display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.vadu-pedido__estado{ font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; padding:.2rem .6rem; border-radius:99px; background:var(--p-soft); }
.vadu-pedido.is-nuevo .vadu-pedido__estado{ background:var(--st-pendiente-bg); color:var(--st-pendiente); }
.vadu-pedido.is-listo .vadu-pedido__estado{ background:var(--st-aprobada-bg); color:var(--st-aprobada); }
.vadu-pedido__meta{ font-size:.82rem; color:var(--p-muted); }
.vadu-pedido__responder input[type=text]{ flex:1 1 220px; }
.vadu-pedido__responder select{ width:auto; }

/* Tiempos */
.vadu-est__tiempos{ font-size:.78rem; color:var(--p-muted); }
.vadu-est__tiempos-bloque{ color:var(--p-muted); max-width:72ch; }

@media (max-width: 640px){
  .vadu-versiones__par{ grid-template-columns:1fr 1fr; gap:.5rem; padding:0 .6rem; }
  .vadu-acta{ padding:1rem; }
  .vadu-acta__tabla th:nth-child(5), .vadu-acta__tabla td:nth-child(5), .vadu-acta__tabla th:nth-child(6), .vadu-acta__tabla td:nth-child(6){ display:none; }
  .vadu-marca__archivos a{ grid-template-columns:auto 1fr; }
  .vadu-marca__archivos small, .vadu-marca__archivos em{ display:none; }
}

/* ==========================================================================
   Alianza VADU × WIDDI · 2026-10-03
   ========================================================================== */
.vadu-alianza{ display:flex; align-items:center; justify-content:center; gap:1rem; padding:0 0 1.3rem; margin:0 0 1.4rem; border-bottom:1px solid var(--p-line); }
.vadu-alianza__marca{ display:flex; align-items:center; }
.vadu-alianza__marca img{ display:block; width:auto; object-fit:contain; }
.vadu-alianza__marca:first-child img{ height:34px; max-width:140px; }
.vadu-alianza__marca:last-child img{ height:14px; max-width:90px; }
.vadu-alianza__texto{ font-family:"Archivo", sans-serif; font-weight:600; letter-spacing:.18em; font-size:1rem; }
.vadu-alianza__x{ font-size:.95rem; color:var(--p-muted); line-height:1; }
.vadu-alianza__pie{ margin:3rem 0 1rem; text-align:center; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--p-muted); }
.vadu-alianza__pie strong{ font-weight:600; color:var(--p-text); }

/* ==========================================================================
   Piezas sin arte: láminas completas y ayuda del formato · 2026-10-03
   ========================================================================== */
.vadu-laminas{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:.6rem; counter-reset:none; }
.vadu-laminas li{ aspect-ratio:4/5; display:flex; flex-direction:column; justify-content:space-between; padding:.85rem; background:var(--p-bg, #fff); border:1px solid var(--p-line); border-radius:10px; }
.vadu-laminas small{ font-size:.72rem; letter-spacing:.12em; color:var(--p-muted); }
.vadu-laminas p{ margin:0 !important; font-size:.98rem; line-height:1.35; font-weight:600; color:var(--p-text); }
.vadu-laminas__fondo{ margin:0 !important; font-size:.85rem !important; color:var(--p-muted) !important; }
.vadu-formato-ayuda{ margin:0 0 .9rem !important; padding:.7rem .9rem; font-size:.92rem; line-height:1.5; background:var(--p-soft); border-left:3px solid var(--p-text); border-radius:4px; }
@media (max-width:600px){ .vadu-laminas{ grid-template-columns:repeat(2, 1fr); } }
.vadu-laminas-nav{ display:flex; align-items:center; justify-content:center; gap:1rem; margin:.7rem 0 0; }
.vadu-laminas-nav button{ width:44px; height:44px; border-radius:50%; border:1px solid var(--p-line-2, var(--p-line)); background:var(--p-bg, #fff); color:var(--p-text); font-size:1.1rem; cursor:pointer; }
.vadu-laminas-nav button:hover:not(:disabled){ border-color:var(--p-text); }
.vadu-laminas-nav button:disabled{ opacity:.35; cursor:default; }
.vadu-laminas-nav span{ min-width:8.5rem; text-align:center; font-size:.9rem; font-weight:600; color:var(--p-text); }