/*
 * AVAV Core · Formulario de depósito del Archivo fotográfico.
 * Sistema de academiaavav.com: azul #2D46BC, texto #000E51, lavanda #B6BFF4, rojo #C8202F,
 * Jost para titulares y botones, Syne para texto, bordes de 2 px, radios 8/6/3 px.
 * Tamaños en px: la web tiene html{font-size:10px} (OceanWP).
 */
.avar{
  --ar-azul:#2D46BC; --ar-azul-t:#2A3EB1; --ar-navy:#000E51; --ar-lav:#B6BFF4; --ar-rojo:#C8202F;
  --ar-gris:#4A4A4A; --ar-gris2:#5E6587; --ar-suave:#F0F6FC; --ar-linea:#DDE2F4; --ar-blanco:#FFFFFF;
  --ar-ok:#1E6E4E; --ar-ok-bg:#E4F3EC; --ar-warn:#7A5200; --ar-warn-bg:#FFF3D6; --ar-err-bg:#FCEBEC; --ar-strip:#0B1336;
  --ar-jost:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ar-syne:"Syne",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ar-ease:cubic-bezier(.16,1,.3,1);
  color:var(--ar-navy); font-family:var(--ar-syne); font-size:17px; line-height:1.6;
  width:100%;
}
/* Integración con Elementor y OceanWP */
.elementor-widget-shortcode:has(.avar){width:100%;max-width:100%;flex:1 1 100%}  /* ocupa todo el contenedor (antes encogía a su contenido) */
.e-con:has(.avar),.elementor-section:has(.avar),.elementor-column:has(.avar){overflow:visible!important}  /* overflow:hidden anulaba el lateral fijo */
body:has(.avar) #scroll-top{bottom:88px}  /* no pisar el sello de reCAPTCHA */
.avar *,.avar *::before,.avar *::after{box-sizing:border-box}
.avar [hidden]{display:none!important}
.avar h2,.avar h3,.avar p{margin:0}
.avar a{color:var(--ar-azul)}
.avar button,.avar input,.avar textarea{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.avar :focus-visible{outline:2px solid var(--ar-azul);outline-offset:3px}
.avar [tabindex="-1"]:focus{outline:none}  /* títulos que reciben el foco al cambiar de paso */
.avar-sr,.avar-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Iconos (máscaras SVG en línea, heredan el color del texto) */
.avar-ico{display:inline-block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.avar-ico--doc{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l6 6v14H4V2h2zm7 1.5V9h5.5L13 3.5zM7 13h10v1.6H7zm0 3.5h10v1.6H7z'/%3E%3C/svg%3E")}
.avar-ico--verified{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l3 2.2 3.7-.2 1.2 3.5 3 2.2-1.2 3.5 1.2 3.5-3 2.2-1.2 3.5-3.7-.2L12 23l-3-2.2-3.7.2-1.2-3.5-3-2.2 1.2-3.5-1.2-3.5 3-2.2L5.3 3l3.7.2zm-1.4 14.6l6.3-6.3-1.3-1.3-5 5-2.5-2.5-1.3 1.3z'/%3E%3C/svg%3E")}
.avar-ico--camera{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1.8 2.5H21V20H3V5.5h4.2zm3 5a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 1.8a2.7 2.7 0 110 5.4 2.7 2.7 0 010-5.4z'/%3E%3C/svg%3E")}
.avar-ico--add{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h12v2H5v12l4-5 3 3.5 2-2.5 5 6H5v0H3zm16-2h2v3h3v2h-3v3h-2V7h-3V5h3z'/%3E%3C/svg%3E")}
.avar-ico--upload{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 16V7.8L7.4 11.4 6 10l6-6 6 6-1.4 1.4L13 7.8V16zM4 18h16v2H4z'/%3E%3C/svg%3E")}
.avar-ico--folder{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h7l2 2.5h11V20H2zm2 4.5V18h16V8.5z'/%3E%3C/svg%3E")}
.avar-ico--draw{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 3.5l5 5L9 20H4v-5zM3 21.5h18v1.5H3z'/%3E%3C/svg%3E")}
.avar-ico--check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 16.2L4.8 11.5l-1.6 1.6 6.3 6.3L21 7.9l-1.6-1.6z'/%3E%3C/svg%3E")}
.avar-ico--back{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.8l5.6-5.6L12 4l-8 8 8 8 1.4-1.4L7.8 13H20z'/%3E%3C/svg%3E")}
.avar-ico--help{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 110 20 10 10 0 010-20zm-1 13v2h2v-2zm1-9a3.5 3.5 0 00-3.5 3.5h2a1.5 1.5 0 113 0c0 1.5-2.5 1.3-2.5 4h2c0-1.8 2.5-2 2.5-4A3.5 3.5 0 0012 6z'/%3E%3C/svg%3E")}
.avar-ico--close{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.7L12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7l-1.4-1.4L9.2 12 2.9 5.7l1.4-1.4 6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E")}

/* Disposición */
.avar-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start}
@media (max-width:1100px){.avar-layout{grid-template-columns:1fr}}
.avar-main{min-width:0}

/* Pasos */
.avar-steps{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.avar-steps li{margin:0}
.avar-steps button{display:inline-flex;align-items:center;gap:8px;font-family:var(--ar-syne);font-size:15px;line-height:1.3;color:var(--ar-azul);background:var(--ar-blanco);border:2px solid var(--ar-azul);border-radius:99px;padding:7px 16px 7px 8px;cursor:pointer;transition:background .2s,color .2s}
.avar-steps .n{width:24px;height:24px;border-radius:50%;background:var(--ar-suave);color:var(--ar-azul);display:grid;place-items:center;font-size:12.5px;font-weight:600}
.avar-steps .cur button{background:var(--ar-azul);color:var(--ar-blanco)}
.avar-steps .cur .n{background:var(--ar-blanco)}
.avar-steps .done .n{background:var(--ar-azul);color:var(--ar-blanco)}
.avar-steps .locked button{border-color:var(--ar-linea);color:var(--ar-gris2);cursor:not-allowed}
@media (max-width:760px){.avar-steps .t{display:none}.avar-steps button{padding:6px}}

/* Tarjeta */
.avar-card{border:2px solid var(--ar-azul);border-radius:8px;background:var(--ar-blanco);margin:0}
.avar-card-h{padding:22px 28px 0;display:flex;gap:16px;align-items:flex-start}
.avar-card-h h2{font-family:var(--ar-syne);font-weight:500;font-size:22px;letter-spacing:.3px;color:var(--ar-azul);line-height:1.3}
.avar-card-h p{font-size:15.5px;color:var(--ar-gris);margin-top:2px}
.avar-card-b{padding:24px 28px 28px;display:grid;gap:22px}
@media (max-width:640px){.avar-card-h{padding:18px 18px 0}.avar-card-b{padding:20px 18px 24px}}
.avar-step{display:none}
.avar-step.is-on{display:block}
.avar-round{width:44px;height:44px;border-radius:50%;background:var(--ar-azul);color:var(--ar-blanco);display:grid;place-items:center;flex:none}
.avar-round--big{width:56px;height:56px}
.avar-round--big .avar-ico{width:26px;height:26px}

/* Campos */
.avar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.avar-full{grid-column:1/-1}
@media (max-width:640px){.avar-grid{grid-template-columns:1fr}}
.avar-card-h:not(:has(p)){align-items:center}
/* Paso 1: los tres números cortos y el país en una sola fila */
.avar-grid--nums{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr)}
@media (max-width:640px){.avar-grid--nums{grid-template-columns:repeat(3,minmax(0,1fr))}.avar-f--pais{grid-column:1/-1}}
.avar-legend-note{font-weight:400;font-size:13.5px;color:var(--ar-gris2);margin-left:4px}
.avar textarea.avar-in.avar-in--grow{min-height:84px;overflow:hidden}
.avar-f{display:grid;gap:6px;align-content:start;min-width:0}
.avar-f label,.avar-lbl,.avar legend{font-family:var(--ar-syne);font-weight:500;font-size:15.5px;color:var(--ar-navy)}
.avar fieldset{border:0;margin:0;padding:0;min-width:0}
.avar legend{padding:0;margin:0 0 10px;border:0;width:auto;float:none;line-height:1.4}  /* OceanWP pone borde inferior y ancho 100 % */
.avar-req{color:var(--ar-rojo);margin-left:2px}
.avar-help{font-size:13.5px;color:var(--ar-gris2);line-height:1.45}
.avar .avar-in{width:100%;border:2px solid var(--ar-lav);border-radius:6px;background:var(--ar-blanco);padding:11px 14px;font-size:16px;line-height:1.4;color:var(--ar-navy);box-shadow:none;transition:border-color .2s;margin:0;height:auto;max-width:none;min-height:0}  /* OceanWP limita input[type=number] a 50 px */
.avar input[type=number].avar-in{-moz-appearance:textfield;appearance:textfield}
.avar input[type=number].avar-in::-webkit-inner-spin-button,.avar input[type=number].avar-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.avar .avar-in::placeholder{color:#7C82A3}
.avar .avar-in:hover{border-color:#8F9BE6}
.avar .avar-in:focus{outline:none;border-color:var(--ar-azul);box-shadow:0 0 0 3px rgba(45,70,188,.15)}
.avar textarea.avar-in{resize:vertical;min-height:110px}
.avar textarea.avar-in--short{min-height:80px}
.avar .avar-in--ro{background:var(--ar-suave)}
.avar-f.is-bad .avar-in,.avar .avar-in.is-bad{border-color:var(--ar-rojo)}
.avar-err{font-size:13.5px;color:var(--ar-rojo);display:none}
.avar-f.is-bad > .avar-err,.avar-f.is-bad .avar-row .avar-err{display:block}
.avar-counter{font-size:12.5px;color:var(--ar-gris2)}
.avar-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.avar-row--between{justify-content:space-between}
.avar-chips{display:flex;flex-wrap:wrap;gap:10px}
.avar-chip{position:relative;margin:0}
.avar-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.avar-chip span{display:inline-flex;align-items:center;border:2px solid var(--ar-azul);border-radius:99px;padding:8px 16px;color:var(--ar-azul);font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.avar-chip input:checked+span{background:var(--ar-azul);color:var(--ar-blanco)}
.avar-chip input:focus-visible+span{outline:2px solid var(--ar-azul);outline-offset:3px}
.avar-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:640px){.avar-checks{grid-template-columns:1fr}}
.avar-stack{display:grid;gap:10px}
.avar-ck{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:2px solid var(--ar-linea);border-radius:6px;cursor:pointer;font-size:15px;line-height:1.4;margin:0;font-weight:400;transition:border-color .2s}
.avar-ck:hover{border-color:var(--ar-lav)}
.avar-ck input{accent-color:#2D46BC;width:18px;height:18px;margin:1px 0 0;flex:none}
.avar-ck:has(input:checked){border-color:var(--ar-azul)}
.avar-f.is-bad .avar-ck{border-color:var(--ar-rojo)}
.avar-sep{border:0;border-top:2px solid var(--ar-linea);margin:4px 0}

/* Avisos */
.avar-note{display:flex;gap:12px;padding:14px 16px;border-radius:6px;font-size:15px;line-height:1.5;background:var(--ar-suave);border-left:3px solid var(--ar-lav)}
.avar-note .avar-ico{color:var(--ar-azul);margin-top:1px}
.avar-note--ok{background:var(--ar-ok-bg);border-left-color:var(--ar-ok);color:var(--ar-ok)}
.avar-note--ok .avar-ico{color:var(--ar-ok)}
.avar-note--bad{background:var(--ar-err-bg);border-left-color:var(--ar-rojo);color:#8A1620}
.avar-note--bad .avar-ico{color:var(--ar-rojo)}
.avar-note--warn{background:var(--ar-warn-bg);border-left-color:#D9A03B;color:var(--ar-warn)}
.avar-note--warn .avar-ico{color:var(--ar-warn)}
.avar-seg{display:inline-flex;border:2px solid var(--ar-azul);border-radius:99px;padding:3px;gap:3px;flex-wrap:wrap}
.avar-seg button{border:0;background:none;border-radius:99px;padding:8px 18px;color:var(--ar-azul);font-size:15px;cursor:pointer}
.avar-seg button[aria-pressed="true"]{background:var(--ar-azul);color:var(--ar-blanco)}

/* Fotografías */
.avar-drop{border:2px dashed var(--ar-lav);border-radius:8px;background:var(--ar-suave);padding:32px 20px;text-align:center;display:grid;gap:10px;justify-items:center;transition:border-color .2s,background .2s}
.avar-drop.is-over{border-color:var(--ar-azul);background:#E6ECFB}
.avar-drop h3{font-family:var(--ar-jost);font-weight:400;font-size:22px;color:var(--ar-navy)}
.avar-drop p{font-size:14.5px;color:var(--ar-gris);max-width:58ch}
.avar-meter{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14.5px;color:var(--ar-gris)}
.avar-meter b{font-family:var(--ar-jost);font-weight:300;font-size:34px;color:var(--ar-azul);line-height:1;font-variant-numeric:tabular-nums}
.avar-copyall{font-size:14px;color:var(--ar-gris)}
.avar-copyall button{border:0;background:none;color:var(--ar-azul);text-decoration:underline;cursor:pointer;padding:0;font-size:14px}
.avar-sheet{display:grid;gap:16px}
.avar-photo{display:grid;grid-template-columns:220px minmax(0,1fr);border:2px solid var(--ar-linea);border-radius:8px;overflow:hidden;transition:border-color .2s}
.avar-photo.is-ok{border-color:var(--ar-azul)}
.avar-photo.is-bad{border-color:var(--ar-rojo)}
@media (max-width:700px){.avar-photo{grid-template-columns:1fr}}
.avar-frame{background:var(--ar-strip);padding:18px 14px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px}
.avar-frame::before,.avar-frame::after{content:"";position:absolute;left:8px;right:8px;height:6px;background:repeating-linear-gradient(90deg,rgba(240,246,252,.5) 0 7px,transparent 7px 15px)}
.avar-frame::before{top:6px}.avar-frame::after{bottom:6px}
.avar-shot{aspect-ratio:3/2;max-width:100%;background:#1D2759;display:grid;place-items:center;overflow:hidden}
.avar-shot img{width:100%;height:100%;object-fit:cover;display:block}
.avar-shot span{font-family:var(--ar-jost);color:var(--ar-lav);font-size:20px;font-weight:300;letter-spacing:1px}
.avar-edge{display:flex;justify-content:space-between;font-family:var(--ar-jost);font-size:11.5px;color:var(--ar-lav)}
.avar-meta{padding:16px 18px;display:grid;gap:10px;min-width:0}
.avar-meta-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.avar-fname{font-family:var(--ar-jost);font-weight:500;color:var(--ar-navy);word-break:break-all;line-height:1.3}
.avar-fdims{font-size:13px;color:var(--ar-gris2)}
.avar-rm{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--ar-gris);cursor:pointer;font-size:13.5px;padding:2px}
.avar-rm .avar-ico{width:16px;height:16px}
.avar-rm:hover{color:var(--ar-rojo)}
.avar-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:500;padding:3px 10px;border-radius:99px;justify-self:start}
.avar-badge--ok{background:var(--ar-ok-bg);color:var(--ar-ok)}
.avar-badge--warn{background:var(--ar-warn-bg);color:var(--ar-warn)}
.avar-badge--bad{background:var(--ar-err-bg);color:#8A1620}
.avar-prog{height:4px;background:var(--ar-linea);border-radius:2px;overflow:hidden}
.avar-prog i{display:block;height:100%;width:0;background:var(--ar-azul);transition:width .2s linear}
.avar-pstat{font-size:12.5px;color:var(--ar-gris2)}
.avar-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.avar-mini .avar-full{grid-column:1/-1}
@media (max-width:520px){.avar-mini{grid-template-columns:1fr}}
.avar-mini label{font-size:13px;font-weight:500}
.avar .avar-mini .avar-in{padding:8px 11px;font-size:15px}
.avar .avar-mini textarea.avar-in{min-height:64px}

/* Créditos y acuerdo */
.avar-credit{border:2px solid var(--ar-lav);border-radius:8px;padding:16px 18px;display:grid;gap:6px}
.avar-credit-line{font-family:var(--ar-jost);font-size:18px}
.avar-doc{border:2px solid var(--ar-linea);border-radius:8px;max-height:440px;overflow:auto;padding:24px;font-size:14.5px;line-height:1.6}
.avar-doc h3{font-family:var(--ar-jost);font-weight:500;font-size:17px;text-transform:uppercase}
.avar-doc h4{font-family:var(--ar-syne);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ar-azul-t);margin:20px 0 6px}
.avar-doc p+p{margin-top:8px}
.avar-doc ul{margin:6px 0;padding-left:20px}
.avar-v{background:var(--ar-suave);color:var(--ar-azul);border-bottom:1.5px solid var(--ar-lav);padding:0 4px;font-weight:500}
.avar-v.is-empty{color:var(--ar-rojo);border-bottom-color:var(--ar-rojo);background:var(--ar-err-bg)}
.avar-sig{border:2px solid var(--ar-lav);border-radius:8px;position:relative}
.avar-sig canvas{display:block;width:100%;height:170px;touch-action:none;cursor:crosshair}
.avar-sig-hint{position:absolute;left:40px;right:40px;top:122px;text-align:center;color:var(--ar-gris2);font-size:13px;pointer-events:none;border-top:1.5px dashed var(--ar-lav);padding-top:6px}
.avar-sig-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--ar-linea);font-size:13px;color:var(--ar-gris2)}
.avar-f.is-bad .avar-sig{border-color:var(--ar-rojo)}

/* Botones */
.avar .avar-btn{font-family:var(--ar-jost);font-weight:500;font-size:18px;line-height:1.2;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:2px solid var(--ar-azul);border-radius:3px;background:var(--ar-blanco);color:var(--ar-azul);text-decoration:none;white-space:nowrap;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;transition:background .2s var(--ar-ease),color .2s var(--ar-ease),transform .15s var(--ar-ease)}
.avar .avar-btn:hover,.avar .avar-btn:focus{background:var(--ar-azul);color:var(--ar-blanco)}
.avar .avar-btn--fill{background:var(--ar-azul);color:var(--ar-blanco)}
.avar .avar-btn--fill:hover,.avar .avar-btn--fill:focus{background:var(--ar-navy);border-color:var(--ar-navy)}
.avar .avar-btn--small{font-size:15px;padding:7px 14px}
.avar .avar-btn--ghost{border-color:transparent;padding-inline:8px;background:transparent;color:var(--ar-azul)}
.avar .avar-btn--ghost:hover,.avar .avar-btn--ghost:focus{background:var(--ar-suave);color:var(--ar-azul)}
.avar .avar-btn:active{transform:translateY(1px)}
.avar .avar-btn[disabled]{opacity:.6;cursor:wait}
.avar-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 28px;border-top:2px solid var(--ar-linea);background:var(--ar-suave);border-radius:0 0 6px 6px}
.avar-pos{font-family:var(--ar-jost);font-size:15px;color:var(--ar-gris)}

/* Lateral */
.avar-aside{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 88px);align-self:start;display:grid;gap:16px}  /* 64 px de la cabecera fija + aire */
.avar-aside{margin-top:66px}  /* arranca a la altura de la tarjeta, no de la fila de pasos */
@media (max-width:1100px){.avar-aside{position:static;margin-top:0}}
.avar-box{border:2px solid var(--ar-linea);border-radius:8px;padding:20px;display:grid;gap:10px}
.avar-box--blue{border-color:var(--ar-azul)}
.avar-box h2{font-family:var(--ar-syne);font-weight:500;font-size:18px;color:var(--ar-azul)}
.avar-box p{font-size:14.5px}
.avar-plist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.avar-plist li{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;padding-bottom:8px;border-bottom:1px solid var(--ar-linea);margin:0}
.avar-plist li:last-child{border-bottom:0;padding-bottom:0}
.avar-plist .st{font-size:13px;color:var(--ar-gris2);white-space:nowrap}
.avar-plist .st.ok{color:var(--ar-ok)}
.avar-plist .st.now{color:var(--ar-azul);font-weight:500}
.avar-mail{font-family:var(--ar-jost);font-size:16px;user-select:all}

/* Enviado */
.avar-done{gap:24px}
.avar-done-h{display:flex;gap:18px;align-items:flex-start}
.avar-done-h h2{font-family:var(--ar-jost);font-weight:400;font-size:32px;line-height:1.15;color:var(--ar-navy)}
.avar-done-h p{margin-top:6px}
.avar-ref{font-family:var(--ar-jost);color:var(--ar-azul)}
.avar-flow{list-style:none;margin:0;padding:0}
.avar-flow li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding-bottom:22px;margin:0}
.avar-flow li:not(:last-child)::after{content:"";position:absolute;left:21px;top:44px;bottom:0;border-left:2px dashed var(--ar-lav)}
.avar-flow li.is-later .avar-round{background:var(--ar-blanco);color:var(--ar-azul);border:2px solid var(--ar-azul)}
.avar-flow b{display:block;font-family:var(--ar-syne);font-weight:500;color:var(--ar-azul);font-size:17px;padding-top:3px}
.avar-flow span{font-size:15px}
@media (prefers-reduced-motion:reduce){.avar *{transition:none!important}}
@media (max-width:640px){.avar-foot{flex-wrap:nowrap;padding:14px 18px}.avar-pos{display:none}}  /* en móvil los círculos de arriba ya dicen el paso */