/* Generado por destilar.py desde design/artboards/. No editar a mano:
   se regenera. Cada clase es un estilo en línea del artboard, movido
   aqui sin cambiarle una coma.

   SIN @layer a proposito: estas reglas sustituyen a estilos en linea,
   que eran lo mas fuerte del documento. Dentro de una capa perderian
   contra los estilos globales que WordPress emite sin capa, y los
   enlaces saldrian todos del mismo color. */

.arra-arra-core-1 { position: relative; overflow: hidden; background: var(--arra-ink-carbon); }
.arra-arra-core-2 { position: relative; height: calc(100vh - 80px); min-height: 480px; overflow: hidden; z-index: 2; }
.arra-arra-core-3 { position: absolute; inset: 0; clip-path: polygon(0 0, 54% 0, 46% 100%, 0 100%); overflow: hidden; padding: 32px 52% 32px clamp(20px, 3vw, 56px); min-height: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 14px; box-sizing: border-box; }
.arra-arra-core-4 { position: absolute; inset: 0; transform: scale(1); transition: transform 700ms var(--ease-out); }
.arra-arra-core-5 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/home-core-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/home-core-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/home-core-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-core-6 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(125,155,110,0.02) 0%, rgba(92,124,79,0.35) 45%, rgba(63,90,52,0.68) 75%, rgba(38,56,31,0.82) 100%); }
.arra-arra-core-7 { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 30% 52%, rgba(24,36,20,0.55) 0%, rgba(24,36,20,0.25) 55%, transparent 100%); }
.arra-arra-core-8 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,11,19,0.22) 0%, rgba(24,36,20,0.34) 55%, rgba(6,11,19,0.44) 100%); opacity: 0; transition: opacity 500ms var(--ease-out); }
.arra-arra-core-9 { position: relative; font-size: 13px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold); }
.arra-arra-core-10 { position: relative; font-size: clamp(38px, 4vw, 56px); line-height: 1.05; color: #ffffff; margin: 0; }
.arra-arra-core-11 { position: relative; font-size: 16.5px; line-height: 1.6; color: rgba(255,255,255,0.88); max-width: 42ch; }
.arra-arra-core-13 { position: absolute; inset: 0; clip-path: polygon(54% 0, 100% 0, 100% 100%, 46% 100%); overflow: hidden; padding: 32px clamp(20px, 3vw, 56px) 32px 52%; min-height: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 14px; box-sizing: border-box; }
.arra-arra-core-14 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/home-corporate-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/home-corporate-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/home-corporate-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-core-15 { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(125,51,80,0.02) 0%, rgba(107,30,46,0.35) 45%, rgba(80,20,35,0.7) 75%, rgba(50,11,22,0.83) 100%); }
.arra-arra-core-16 { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 70% 52%, rgba(45,12,24,0.5) 0%, rgba(45,12,24,0.22) 55%, transparent 100%); }
.arra-arra-core-17 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,11,19,0.22) 0%, rgba(45,12,24,0.32) 55%, rgba(6,11,19,0.44) 100%); opacity: 0; transition: opacity 500ms var(--ease-out); }
.arra-arra-core-19 { position: relative; display: inline-flex; align-items: center; justify-content: center; align-self: center; margin-top: 12px; padding: 15px 30px; background: var(--core); color: #ffffff; border: 0; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: var(--shadow-badge); transition: background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.arra-arra-core-20 { position: relative; display: inline-flex; align-items: center; justify-content: center; align-self: center; margin-top: 12px; padding: 15px 30px; background: var(--corp); color: #ffffff; border: 0; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: var(--shadow-badge); transition: background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.arra-router-1 { max-width: 1280px; margin: 0 auto; padding: var(--section-pad-y) clamp(20px, 5vw, 64px) 0; }
.arra-router-2 { text-align: center; margin-bottom: 52px; }
.arra-router-3 { max-width: 24ch; margin: 0 auto; font-size: var(--fs-h2); line-height: var(--lh-snug); }
.arra-router-4 { color: var(--gold-bronze); }
.arra-router-5 { display: inline-block; margin-top: 16px; font-size: 14px; color: var(--fg-soft); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
.arra-router-6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 20px; }
.arra-router-7 { background: #f5f5f5; border-radius: var(--r-lg); padding: 34px 32px 38px; border: 1px solid var(--arra-line-soft); display: flex; flex-direction: column; gap: 16px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-router-9 { font-family: var(--font-display); font-weight: 500; font-size: 20px; line-height: 1.3; color: var(--fg); }
.arra-router-10 { font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); }
.arra-por-elegirnos-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 48px; align-items: center; }
.arra-por-elegirnos-2 { margin-bottom: 14px; }
.arra-por-elegirnos-3 { max-width: 18ch; }
.arra-por-elegirnos-4 { font-size: 16px; line-height: 1.65; color: var(--fg-soft); max-width: 56ch; margin-top: 18px; }
.arra-por-elegirnos-6 { display: flex; align-items: flex-start; gap: 14px; padding: 8px 0; }
.arra-por-elegirnos-7 { width: 22px; height: 22px; border-radius: 50%; background: var(--gold); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.arra-por-elegirnos-8 { font-size: 15.5px; line-height: 1.5; color: var(--fg); }
.arra-por-elegirnos-24 { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; padding: 15px 26px; background: var(--arra-ink-carbon); color: #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-seccion-4 { font-size: 13px; color: #9aa3b0; margin-top: 4px; }
.arra-servicios-1 { max-width: 24ch; margin: 0 auto; }
.arra-servicios-2 { font-size: 16px; line-height: 1.6; color: var(--fg-soft); max-width: 58ch; margin: 16px auto 0; }
.arra-servicios-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 24px; }
.arra-servicios-4 { background: #f5f5f5; border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--arra-line-soft); display: flex; flex-direction: column; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-servicios-5 { height: 6px; background: var(--core); }
.arra-servicios-6 { padding: 40px 40px 36px; display: flex; flex-direction: column; flex: 1; gap: 16px; }
.arra-servicios-8 { font-family: var(--font-display); font-weight: 500; font-size: 26px; letter-spacing: -0.02em; line-height: 1.2; color: var(--fg); }
.arra-servicios-9 { color: var(--core); }
.arra-servicios-10 { font-size: 15px; line-height: 1.6; color: var(--fg-soft); }
.arra-servicios-11 { display: flex; flex-direction: column; gap: 12px; flex: 1; }
.arra-servicios-12 { background: var(--arra-bg-subtle); border-radius: var(--r-md); padding: 16px 18px; }
.arra-servicios-13 { font-size: 15px; font-weight: 600; color: var(--fg); margin-bottom: 4px; }
.arra-servicios-14 { font-size: 13.5px; line-height: 1.5; color: var(--fg-soft); }
.arra-servicios-16 { height: 6px; background: var(--corp); }
.arra-servicios-17 { color: var(--corp); }
.arra-servicios-19 { display: inline-flex; align-items: center; gap: 12px; align-self: flex-start; margin-top: 6px; padding: 14px 22px; background: var(--core); color: #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-servicios-20 { display: inline-flex; align-items: center; gap: 12px; align-self: flex-start; margin-top: 6px; padding: 14px 22px; background: var(--corp); color: #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-servicios-integrales-estrategicos-1 { max-width: 26ch; margin: 0 auto; }
.arra-servicios-integrales-estrategicos-2 { font-size: 16px; line-height: 1.6; color: var(--fg-soft); max-width: 62ch; margin: 16px auto 0; }
.arra-servicios-integrales-estrategicos-3 { background: #f5f5f5; border-radius: var(--r-lg); padding: 34px 32px 38px; border: 1px solid var(--arra-line-soft); display: flex; flex-direction: column; gap: 14px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-seccion-2-1 { max-width: 1280px; margin: 0 auto; padding: calc(var(--section-pad-y) * 0.6) clamp(20px, 5vw, 64px) 0; }
.arra-nuestro-blog-1 { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; flex-wrap: wrap; }
.arra-nuestro-blog-2 { font-size: 15px; line-height: 1.6; color: var(--fg-soft); max-width: 58ch; margin-top: 12px; }
.arra-nuestro-blog-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 20px; }
.arra-nuestro-blog-5 { text-decoration: none; background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); overflow: hidden; display: flex; flex-direction: column; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-nuestro-blog-6 { display: block; height: 140px; background: var(--arra-line-soft); }
.arra-nuestro-blog-7 { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 26px; }
.arra-nuestro-blog-8 { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-bronze); }
.arra-nuestro-blog-9 { font-family: var(--font-display); font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--fg); }
.arra-sabes-por-donde-1 { max-width: 1280px; margin: 0 auto; padding: var(--section-pad-y) clamp(20px, 5vw, 64px); }
.arra-sabes-por-donde-3 { position: absolute; left: -80px; bottom: -80px; width: 280px; height: 280px; border: 1px dashed rgba(255,255,255,0.14); border-radius: 50%; }
.arra-sabes-por-donde-4 { margin-bottom: 16px; }
.arra-sabes-por-donde-5 { color: #ffffff; max-width: 24ch; margin: 0 auto 16px; }
.arra-sabes-por-donde-6 { color: var(--gold); }
.arra-sabes-por-donde-7 { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 52ch; margin: 0 auto 30px; }
.arra-sabes-por-donde-9 { display: inline-flex; align-items: center; gap: 12px; padding: 16px 30px; background: #ffffff; color: var(--arra-ink-carbon); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.arra-sabes-por-donde-10 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-core.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-core.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-core.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-sobre-nosotros-1 { background: var(--arra-ink-carbon); padding: clamp(70px, 9vw, 110px) clamp(20px, 5vw, 64px) clamp(56px, 7vw, 88px); }
.arra-sobre-nosotros-2 { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 48px; align-items: center; }
.arra-sobre-nosotros-3 { font-size: clamp(34px, 4vw, 52px); color: #ffffff; max-width: 16ch; }
.arra-sobre-nosotros-4 { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.8); max-width: 50ch; margin-top: 16px; }
.arra-sobre-nosotros-5 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.arra-sobre-nosotros-6 { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--r-lg); padding: 24px 26px; }
.arra-sobre-nosotros-7 { font-family: var(--font-display); font-weight: 500; font-size: 34px; color: var(--gold); }
.arra-sobre-nosotros-8 { font-family: var(--font-display); font-weight: 500; font-size: 34px; color: #ffffff; }
.arra-quienes-somos-1 { max-width: 22ch; }
.arra-quienes-somos-2 { font-size: 16px; line-height: 1.65; color: var(--fg-soft); max-width: 58ch; margin-top: 18px; }
.arra-quienes-somos-3 { font-size: 16px; line-height: 1.65; color: var(--fg-soft); max-width: 58ch; margin-top: 12px; }
.arra-quienes-somos-4 { background: #ffffff; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: clamp(32px, 4vw, 48px); position: relative; }
.arra-quienes-somos-5 { position: absolute; top: 18px; left: 28px; font-family: var(--font-display); font-size: 72px; color: var(--gold-soft); line-height: 1; }
.arra-quienes-somos-6 { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 1.45; color: var(--fg); margin-top: 28px; }
.arra-quienes-somos-7 { margin-top: 18px; font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-bronze); }
.arra-nuestros-valores-1 { max-width: 20ch; margin: 0 auto; }
.arra-nuestros-valores-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 20px; }
.arra-nuestros-valores-3 { background: #ffffff; border-radius: var(--r-lg); padding: 30px 28px 34px; border: 1px solid var(--arra-line-soft); display: flex; flex-direction: column; gap: 14px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-nuestros-valores-5 { font-family: var(--font-display); font-weight: 500; font-size: 20px; color: var(--fg); }
.arra-por-elegirnos-27 { font-size: 14px; line-height: 1.6; color: var(--fg-soft); }
.arra-trabaja-nosotros-1 { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 48ch; margin: 0 auto 30px; }
.arra-trabaja-nosotros-2 { background: linear-gradient(rgba(6,11,19,0.54), rgba(6,11,19,0.54)), url('/wp-content/themes/arra/assets/img/banners/trabajar-nosotros-banner.jpg');
    background: linear-gradient(rgba(6,11,19,0.54), rgba(6,11,19,0.54)), image-set(url('/wp-content/themes/arra/assets/img/banners/trabajar-nosotros-banner.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/trabajar-nosotros-banner.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-nav-1 { position: fixed; top: 0; left: 0; right: 0; z-index: 30; display: flex; justify-content: center; padding: 0; transition: padding 320ms var(--ease-out); }
.arra-nav-3 { display: flex; flex-shrink: 0; margin: -6px 0; }
.arra-nav-9 { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 10px; flex-shrink: 0; }
.arra-nav-10 { display: block; width: 24px; height: 2px; background: var(--arra-ink); border-radius: 2px; }
.arra-menu-1 { position: fixed; inset: 0; z-index: 60; background: var(--arra-ink-carbon); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; padding: 32px; }
.arra-menu-2 { position: absolute; top: 22px; right: 22px; width: 46px; height: 46px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.25); color: #ffffff; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.arra-menu-4 { font-family: var(--font-display); font-weight: 500; font-size: 26px; color: #ffffff; text-decoration: none; }
.arra-contacto-1 { background: var(--arra-ink-carbon); padding: clamp(70px, 9vw, 110px) clamp(20px, 5vw, 64px) clamp(56px, 7vw, 88px); text-align: center; }
.arra-contacto-2 { font-size: clamp(36px, 4.5vw, 56px); color: #ffffff; max-width: 16ch; margin: 0 auto; }
.arra-contacto-3 { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.8); max-width: 54ch; margin: 16px auto 0; }
.arra-podemos-ayudarte-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 24px; align-items: start; }
.arra-podemos-ayudarte-2 { background: #f5f5f5; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: clamp(28px, 4vw, 44px); }
.arra-podemos-ayudarte-3 { margin-bottom: 12px; }
.arra-podemos-ayudarte-4 { font-size: 30px; }
.arra-podemos-ayudarte-5 { font-size: 15px; line-height: 1.6; color: var(--fg-soft); max-width: 52ch; margin-top: 12px; }
.arra-podemos-ayudarte-7 { display: block; }
.arra-podemos-ayudarte-8 { display: block; font-size: 12.5px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-soft); margin-bottom: 8px; }
.arra-podemos-ayudarte-9 { color: var(--corp-ink); }
.arra-podemos-ayudarte-10 { width: 100%; box-sizing: border-box; padding: 13px 16px; font-family: var(--font-body); font-size: 15px; color: var(--fg); background: #ffffff; border: 1px solid var(--arra-line); border-radius: var(--r-md); outline: none; }
.arra-podemos-ayudarte-11 { display: block; margin-top: 16px; }
.arra-podemos-ayudarte-12 { width: 100%; box-sizing: border-box; padding: 13px 16px; font-family: var(--font-body); font-size: 15px; color: var(--fg); background: #ffffff; border: 1px solid var(--arra-line); border-radius: var(--r-md); outline: none; resize: vertical; }
.arra-podemos-ayudarte-14 { font-size: 12.5px; color: var(--fg-faint); margin-top: 12px; }
.arra-podemos-ayudarte-15 { display: flex; flex-direction: column; gap: 16px; }
.arra-podemos-ayudarte-16 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 26px 28px; }
.arra-podemos-ayudarte-17 { font-size: 12px; margin-bottom: 8px; }
.arra-podemos-ayudarte-18 { font-size: 15px; line-height: 1.6; color: var(--fg); }
.arra-podemos-ayudarte-19 { font-size: 13px; color: var(--fg-faint); margin-top: 6px; }
.arra-podemos-ayudarte-20 { font-size: 15px; line-height: 1.7; color: var(--fg); }
.arra-podemos-ayudarte-21 { color: var(--arra-ink-navy); }
.arra-podemos-ayudarte-22 { background: var(--arra-ink-navy); border-radius: var(--r-lg); padding: 26px 28px; position: relative; overflow: hidden; }
.arra-podemos-ayudarte-23 { position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border: 1px dashed rgba(255,255,255,0.18); border-radius: 50%; }
.arra-podemos-ayudarte-24 { font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.85); }
.arra-podemos-ayudarte-25 { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 12.5px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); text-decoration: none; }
.arra-arra-core-autonomos-1 { position: relative; overflow: hidden; background: var(--core-ink); min-height: 100vh; display: flex; align-items: center; }
.arra-arra-core-autonomos-2 { position: absolute; inset: 0; }
.arra-arra-core-autonomos-3 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(63,90,52,0.35) 0%, rgba(92,124,79,0.55) 45%, rgba(63,90,52,0.8) 75%, rgba(38,56,31,0.9) 100%); }
.arra-arra-core-autonomos-4 { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 65% at 50% 52%, rgba(24,36,20,0.55) 0%, rgba(24,36,20,0.25) 55%, transparent 100%); }
.arra-arra-core-autonomos-5 { position: relative; max-width: 1280px; margin: 0 auto; padding: clamp(90px, 11vw, 140px) clamp(20px, 5vw, 64px) clamp(70px, 8vw, 100px); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.arra-arra-core-autonomos-6 { font-size: clamp(36px, 4.2vw, 56px); color: #ffffff; max-width: 20ch; }
.arra-arra-core-autonomos-7 { font-size: 17.5px; line-height: 1.6; color: rgba(255,255,255,0.88); max-width: 54ch; }
.arra-arra-core-autonomos-10 { display: flex; gap: 26px; flex-wrap: wrap; justify-content: center; margin-top: 14px; }
.arra-arra-core-autonomos-11 { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.85); }
.arra-arra-core-autonomos-12 { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.arra-arra-core-autonomos-13 { display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; padding: 16px 32px; color: var(--core-ink); border: 1.5px solid #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: var(--shadow-badge); background-color: transparent; background-image: linear-gradient(to right, var(--core), var(--core)), linear-gradient(#ffffff, #ffffff); background-size: 0% 100%, 100% 100%; background-repeat: no-repeat; background-origin: border-box; background-clip: border-box; transition: background-size 420ms var(--ease-out), color 300ms var(--ease-out), border-color 300ms var(--ease-out), transform var(--dur-base) var(--ease-out); }
.arra-quien-es-arra-1 { font-size: 16px; line-height: 1.6; color: var(--fg-soft); max-width: 60ch; margin: 16px auto 0; }
.arra-por-elegirnos-28 { display: flex; flex-direction: column; gap: 4px; margin-top: 22px; }
.arra-por-elegirnos-30 { position: relative; border-radius: var(--r-xl); overflow: hidden; min-height: 380px; }
.arra-por-elegirnos-34 { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; padding: 15px 26px; background: var(--core); color: #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-gestionamos-ti-1 { text-decoration: none; background: #ffffff; border-radius: var(--r-lg); padding: 32px 30px 36px; border: 1px solid var(--arra-line-soft); display: flex; flex-direction: column; gap: 14px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-gestionamos-ti-2 { font-family: var(--font-display); font-weight: 500; font-size: 19px; line-height: 1.25; color: var(--fg); }
.arra-gestionamos-ti-3 { font-size: 14px; line-height: 1.6; color: var(--fg-soft); flex: 1; }
.arra-gestionamos-ti-4 { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--core-ink); }
.arra-tienes-negocio-digital-1 { background: var(--arra-ink-carbon); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 72px) clamp(32px, 5vw, 64px); position: relative; overflow: hidden; }
.arra-tienes-negocio-digital-2 { position: absolute; right: -70px; top: -70px; width: 300px; height: 300px; border: 1px dashed rgba(255,255,255,0.14); border-radius: 50%; }
.arra-tienes-negocio-digital-3 { color: #ffffff; max-width: 22ch; }
.arra-tienes-negocio-digital-4 { font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.75); max-width: 56ch; margin-top: 14px; }
.arra-tienes-negocio-digital-5 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 16px; margin-top: 32px; }
.arra-tienes-negocio-digital-6 { text-decoration: none; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); border-radius: var(--r-lg); padding: 24px 26px; display: flex; flex-direction: column; gap: 8px; transition: background var(--dur-base) var(--ease-out); }
.arra-tienes-negocio-digital-7 { font-family: var(--font-display); font-weight: 500; font-size: 18px; color: #ffffff; }
.arra-tienes-negocio-digital-8 { font-size: 13.5px; color: rgba(255,255,255,0.65); }
.arra-tienes-negocio-digital-9 { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); margin-top: 6px; }
.arra-planes-propuesta-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 24px; }
.arra-planes-propuesta-2 { background: #ffffff; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: 40px 40px 36px; display: flex; flex-direction: column; gap: 14px; }
.arra-planes-propuesta-3 { font-family: var(--font-display); font-weight: 500; font-size: 24px; letter-spacing: -0.02em; }
.arra-planes-propuesta-4 { font-size: 15px; line-height: 1.6; color: var(--fg-soft); flex: 1; }
.arra-planes-propuesta-5 { display: flex; gap: 14px; flex-wrap: wrap; }
.arra-planes-propuesta-6 { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--core-ink); text-decoration: none; }
.arra-planes-propuesta-7 { background: var(--arra-ink-navy); border-radius: var(--r-xl); padding: 40px 40px 36px; display: flex; flex-direction: column; gap: 14px; position: relative; overflow: hidden; }
.arra-planes-propuesta-8 { position: absolute; right: -50px; top: -50px; width: 200px; height: 200px; border: 1px dashed rgba(255,255,255,0.16); border-radius: 50%; }
.arra-planes-propuesta-9 { font-family: var(--font-display); font-weight: 500; font-size: 24px; letter-spacing: -0.02em; color: #ffffff; }
.arra-planes-propuesta-10 { font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.75); flex: 1; }
.arra-planes-propuesta-11 { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); text-decoration: none; }
.arra-tienes-alguna-duda-1 { background: #ffffff; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: clamp(32px, 4vw, 44px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 44px; }
.arra-tienes-alguna-duda-2 { font-family: var(--font-display); font-weight: 500; font-size: 28px; letter-spacing: -0.02em; line-height: 1.15; color: var(--fg); margin: 12px 0 20px; }
.arra-tienes-alguna-duda-4 { border-bottom: 1px solid var(--arra-line); padding: 4px 2px 14px; margin-bottom: 10px; }
.arra-tienes-alguna-duda-5 { font-size: 16px; font-weight: 500; color: var(--fg); cursor: pointer; padding: 10px 0; list-style: none; }
.arra-tienes-alguna-duda-6 { font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); max-width: 60ch; }
.arra-tienes-alguna-duda-7 { padding: 4px 2px 0; }
.arra-tienes-alguna-duda-8 { display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; background: var(--arra-ink-carbon); color: #ffffff; border-radius: 14px; font-size: 12.5px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.arra-propuesta-a-medida-2 { position: absolute; left: -80px; bottom: -80px; width: 280px; height: 280px; border: 1px dashed rgba(255,255,255,0.16); border-radius: 50%; }
.arra-propuesta-a-medida-3 { font-size: 16px; color: rgba(255,255,255,0.75); max-width: 46ch; margin: 0 auto 30px; }
.arra-propuesta-a-medida-5 { display: inline-flex; align-items: center; gap: 12px; padding: 16px 30px; background: #ffffff; color: var(--core-ink); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.arra-propuesta-a-medida-6 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-asesoria-fiscal.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-asesoria-fiscal.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-asesoria-fiscal.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-core-servicios-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-fiscal-contable-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-fiscal-contable-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-fiscal-contable-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-core-servicios-2 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(63,90,52,0.5) 0%, rgba(92,124,79,0.62) 50%, rgba(38,56,31,0.9) 100%); }
.arra-arra-core-servicios-3 { position: relative; width: 100%; max-width: 1080px; margin: 0 auto; padding: clamp(120px, 8vw + 64px, 170px) clamp(20px, 5vw, 64px) clamp(64px, 8vw, 96px); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.arra-arra-core-servicios-4 { font-size: clamp(32px, 4vw, 50px); color: #ffffff; max-width: 22ch; }
.arra-arra-core-servicios-5 { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.9); max-width: 58ch; }
.arra-arra-core-servicios-7 { display: inline-flex; align-items: center; gap: 12px; margin-top: 10px; padding: 15px 28px; background: #ffffff; color: var(--core-ink); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: var(--shadow-badge); transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.arra-quien-2 { max-width: 1180px; margin: 0 auto; padding: var(--section-pad-y) clamp(20px, 5vw, 64px) 0; }
.arra-quien-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 40px; align-items: center; }
.arra-quien-4 { max-width: 26ch; }
.arra-quien-5 { font-size: 15.5px; line-height: 1.7; color: var(--fg-soft); margin-top: 16px; }
.arra-quien-6 { font-size: 15.5px; line-height: 1.7; color: var(--fg-soft); margin-top: 12px; }
.arra-quien-7 { margin-top: 22px; }
.arra-quien-9 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 30px 30px 34px; }
.arra-quien-10 { font-size: 11.5px; }
.arra-quien-11 { font-family: var(--font-display); font-weight: 500; font-size: 19px; color: var(--fg); margin: 8px 0 6px; }
.arra-quien-12 { display: inline-flex; align-items: center; gap: 12px; padding: 15px 26px; background: var(--core); color: #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-asesoria-fiscal-1 { margin-bottom: 40px; }
.arra-asesoria-fiscal-2 { font-size: 15.5px; line-height: 1.7; color: var(--fg-soft); max-width: 66ch; margin-top: 16px; }
.arra-asesoria-fiscal-6 { font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); margin-top: 20px; }
.arra-asesoria-fiscal-7 { color: var(--fg); }
.arra-seccion-9 { background: var(--core-ink); border-radius: var(--r-2xl); padding: clamp(36px, 5vw, 56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 32px; text-align: center; }
.arra-seccion-10 { font-family: var(--font-display); font-weight: 500; font-size: 42px; color: var(--gold); }
.arra-seccion-11 { font-size: 13.5px; color: rgba(255,255,255,0.8); margin-top: 6px; }
.arra-asesoria-contable-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 18px; }
.arra-asesoria-contable-2 { font-family: var(--font-display); font-weight: 500; font-size: 26px; color: var(--arra-line); line-height: 1; }
.arra-asesoria-contable-3 { font-family: var(--font-display); font-weight: 500; font-size: 18px; color: var(--fg); margin: 10px 0 6px; }
.arra-seccion-2-5 { max-width: 1180px; margin: 0 auto; padding: var(--section-pad-y) clamp(20px, 5vw, 64px); }
.arra-seccion-2-6 { background: var(--core-ink); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; }
.arra-seccion-2-7 { color: #ffffff; max-width: 26ch; margin: 0 auto 14px; }
.arra-seccion-2-8 { font-size: 15.5px; color: rgba(255,255,255,0.75); max-width: 52ch; margin: 0 auto 28px; }
.arra-seccion-2-10 { display: inline-flex; align-items: center; gap: 12px; padding: 15px 28px; background: #ffffff; color: var(--core-ink); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.arra-seccion-2-11 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-asesoria-fiscal.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-asesoria-fiscal.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-asesoria-fiscal.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-nav-11 { position: fixed; top: 0; left: 0; right: 0; z-index: 30; display: flex; justify-content: center; padding: 0; transition: padding 320ms var(--ease-out); }
.arra-nav-16 { position: relative; display: inline-flex; }
.arra-nav-18 { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 12px; z-index: 40; }
.arra-nav-19 { display: flex; flex-direction: column; background: var(--nav-core); border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; box-shadow: var(--shadow-3); padding: 8px; min-width: 250px; }
.arra-nav-24 { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 10px; flex-shrink: 0; }
.arra-nav-25 { display: block; width: 24px; height: 2px; background: #ffffff; border-radius: 2px; }
.arra-nav-26 { display: block; padding: 10px 14px; border-radius: 14px; font-family: var(--font-body); font-size: 14px; font-weight: 400; color: rgba(255,255,255,0.9); text-decoration: none; white-space: nowrap; }
.arra-menu-6 { position: fixed; inset: 0; z-index: 60; background: var(--arra-ink-carbon); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 32px; overflow-y: auto; }
.arra-menu-7 { position: absolute; top: 20px; right: 20px; width: 46px; height: 46px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.25); color: #ffffff; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.arra-menu-9 { font-family: var(--font-display); font-weight: 500; font-size: 22px; color: #ffffff; text-decoration: none; }
.arra-menu-11 { font-family: var(--font-display); font-weight: 500; font-size: 19px; color: rgba(255,255,255,0.92); text-decoration: none; }
.arra-arra-core-servicios-8 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-laboral-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-laboral-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-laboral-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-quien-es-este-1 { text-align: center; margin-bottom: 44px; }
.arra-quien-es-este-2 { font-size: 15.5px; line-height: 1.7; color: var(--fg-soft); max-width: 64ch; margin: 16px auto 0; }
.arra-quien-es-este-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 18px; }
.arra-quien-es-este-4 { font-size: 14.5px; line-height: 1.65; color: var(--fg-soft); margin-top: 10px; }
.arra-nuestros-servicios-1 { font-family: var(--font-display); font-weight: 500; font-size: 20px; color: var(--fg); margin-bottom: 12px; }
.arra-nuestros-servicios-2 { display: flex; align-items: flex-start; gap: 12px; padding: 6px 0; }
.arra-nuestros-servicios-3 { width: 20px; height: 20px; border-radius: 50%; background: var(--gold); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.arra-nuestros-servicios-4 { font-size: 14.5px; line-height: 1.55; color: var(--fg); }
.arra-seccion-19 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-core.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-core.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-core.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-pie-1 { background: var(--arra-ink-carbon); color: #ffffff; padding: 72px clamp(20px, 5vw, 64px) 28px; }
.arra-pie-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: clamp(28px, 4vw, 64px); max-width: 1280px; margin: 0 auto 56px; }
.arra-pie-4 { color: #9aa3b0; font-size: 14px; line-height: 1.6; max-width: 300px; }
.arra-pie-5 { font-family: var(--font-display); font-weight: 500; font-size: 16px; margin-bottom: 16px; }
.arra-pie-6 { font-size: 14px; color: #9aa3b0; line-height: 1.9; }
.arra-pie-7 { color: #9aa3b0; }
.arra-pie-8 { display: flex; flex-direction: column; gap: 12px; font-size: 14px; }
.arra-pie-9 { color: #9aa3b0; text-decoration: none; }
.arra-pie-10 { display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.25); padding-bottom: 8px; }
.arra-pie-11 { flex: 1; background: transparent; border: 0; color: #ffffff; outline: none; font-size: 14px; font-family: var(--font-body); }
.arra-pie-12 { color: #9aa3b0; font-size: 18px; cursor: pointer; }
.arra-pie-13 { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px; text-align: center; font-size: 13px; color: #9aa3b0; max-width: 1280px; margin: 0 auto; }
.arra-arra-core-servicios-9 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-sociedades-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-sociedades-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-sociedades-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-administrador-sl-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 40px; align-items: start; }
.arra-administrador-sl-2 { background: var(--core-ink); border-radius: var(--r-lg); padding: 30px; }
.arra-administrador-sl-3 { display: flex; align-items: baseline; gap: 8px; margin: 10px 0 4px; }
.arra-administrador-sl-4 { font-size: 13px; color: rgba(255,255,255,0.7); }
.arra-administrador-sl-5 { font-family: var(--font-display); font-weight: 500; font-size: 40px; color: #ffffff; }
.arra-incluye-1 { margin-bottom: 36px; }
.arra-incluye-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 4px 32px; background: #f5f5f5; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: clamp(24px, 4vw, 40px); }
.arra-tienes-alguna-duda-9 { background: #f5f5f5; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: clamp(28px, 4vw, 44px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 44px; }
.arra-tienes-alguna-duda-11 { font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); max-width: 62ch; }
.arra-tienes-alguna-duda-12 { display: inline-flex; align-items: center; gap: 12px; padding: 15px 26px; background: var(--arra-ink-carbon); color: #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-seccion-20 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-constitucion-sociedades.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-constitucion-sociedades.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-constitucion-sociedades.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-core-negocios-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-fiscalidad-iva-consultoria-1 { max-width: 820px; }
.arra-fiscalidad-iva-consultoria-2 { font-size: 15.5px; line-height: 1.7; color: var(--fg-soft); margin-top: 14px; }
.arra-todo-lo-gestionamos-1 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 30px 30px 34px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-todo-lo-gestionamos-2 { font-family: var(--font-display); font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--fg); margin-bottom: 8px; }
.arra-seccion-21 { color: #ffffff; max-width: 28ch; margin: 0 auto 14px; }
.arra-seccion-22 { font-size: 15.5px; color: rgba(255,255,255,0.75); max-width: 56ch; margin: 0 auto 28px; }
.arra-seccion-23 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-ecommerce.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-ecommerce.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-ecommerce.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-core-negocios-2 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-inmobiliario-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-inmobiliario-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-inmobiliario-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-core-negocios-3 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-creadores-movil-en-tripode.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-creadores-movil-en-tripode.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-creadores-movil-en-tripode.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-seccion-24 { background: linear-gradient(rgba(6,11,19,0.54), rgba(6,11,19,0.54)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-pag-influencer.jpg');
    background: linear-gradient(rgba(6,11,19,0.54), rgba(6,11,19,0.54)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-pag-influencer.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-pag-influencer.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-core-negocios-4 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-esports-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-esports-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-esports-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-asesoria-especializada-clubes-1 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 30px; }
.arra-asesoria-especializada-clubes-2 { font-size: 11.5px; margin-bottom: 10px; }
.arra-seccion-25 { background: linear-gradient(rgba(6,11,19,0.48), rgba(6,11,19,0.48)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-esports.jpg');
    background: linear-gradient(rgba(6,11,19,0.48), rgba(6,11,19,0.48)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-esports.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-esports.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-core-packs-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-packs-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-packs-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-packs-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-packs-disponibles-1 { font-size: 15.5px; line-height: 1.7; color: var(--fg-soft); max-width: 60ch; margin: 16px auto 0; }
.arra-packs-disponibles-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr)); gap: 20px; align-items: stretch; }
.arra-packs-disponibles-3 { background: #ffffff; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: 32px 30px 36px; display: flex; flex-direction: column; position: relative; }
.arra-packs-disponibles-4 { font-family: var(--font-display); font-weight: 500; font-size: 22px; color: var(--fg); }
.arra-packs-disponibles-5 { font-size: 14px; line-height: 1.6; color: var(--fg-soft); margin: 10px 0 16px; }
.arra-packs-disponibles-6 { flex: 1; }
.arra-packs-disponibles-7 { display: flex; align-items: flex-start; gap: 12px; padding: 5px 0; }
.arra-packs-disponibles-8 { font-size: 14px; line-height: 1.5; color: var(--fg); }
.arra-packs-disponibles-10 { background: var(--core-ink); border-radius: var(--r-xl); border: 1px solid var(--core-ink); padding: 32px 30px 36px; display: flex; flex-direction: column; position: relative; }
.arra-packs-disponibles-11 { position: absolute; top: -12px; left: 26px; background: var(--gold); color: var(--arra-ink-carbon); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
.arra-packs-disponibles-12 { font-family: var(--font-display); font-weight: 500; font-size: 22px; color: #ffffff; }
.arra-packs-disponibles-13 { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.75); margin: 10px 0 16px; }
.arra-packs-disponibles-14 { font-size: 14px; line-height: 1.5; color: #ffffff; }
.arra-packs-disponibles-16 { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; padding: 13px 20px; background: var(--core); color: #ffffff; border-radius: 14px; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-packs-disponibles-17 { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; padding: 13px 20px; background: var(--gold); color: var(--arra-ink-carbon); border-radius: 14px; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; transition: opacity var(--dur-base) var(--ease-out); }
.arra-arra-core-contacto-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/core-contacto-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-contacto-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-contacto-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-core-contacto-2 { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 65% at 50% 52%, rgba(24,36,20,0.55) 0%, rgba(0,0,0,0.2) 55%, transparent 100%); }
.arra-arra-core-contacto-3 { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.9); max-width: 56ch; }
.arra-arra-core-contacto-4 { font-size: 13px; color: rgba(255,255,255,0.75); }
.arra-escribenos-1 { font-size: 28px; }
.arra-escribenos-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 16px; margin-top: 24px; }
.arra-escribenos-4 { display: inline-flex; align-items: center; gap: 12px; margin-top: 20px; padding: 15px 28px; background: var(--core); color: #ffffff; border: 0; border-radius: 14px; font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: opacity var(--dur-base) var(--ease-out); }
.arra-seccion-26 { position: relative; overflow: hidden; background: var(--corp-deep); min-height: 100vh; display: flex; align-items: center; }
.arra-seccion-27 { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(125,51,80,0.02) 0%, rgba(107,30,46,0.4) 45%, rgba(80,20,35,0.72) 75%, rgba(50,11,22,0.88) 100%); }
.arra-seccion-28 { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(31,7,14,0.75) 100%); }
.arra-seccion-29 { font-size: 17.5px; line-height: 1.6; color: rgba(255,255,255,0.88); max-width: 58ch; }
.arra-seccion-32 { display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; padding: 16px 32px; color: var(--corp-deep); border: 1.5px solid #ffffff; border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: var(--shadow-badge); background-color: transparent; background-image: linear-gradient(to right, var(--corp), var(--corp)), linear-gradient(#ffffff, #ffffff); background-size: 0% 100%, 100% 100%; background-repeat: no-repeat; background-origin: border-box; background-clip: border-box; transition: background-size 420ms var(--ease-out), color 300ms var(--ease-out), border-color 300ms var(--ease-out), transform var(--dur-base) var(--ease-out); }
.arra-tesis-1 { max-width: 1080px; margin: 0 auto; padding: var(--section-pad-y) clamp(20px, 5vw, 64px) 0; text-align: center; }
.arra-tesis-2 { font-size: 17px; line-height: 1.7; color: var(--fg-soft); max-width: 64ch; margin: 20px auto 0; }
.arra-quien-17 { margin-bottom: 48px; }
.arra-hacemos-por-organizacion-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 20px; }
.arra-hacemos-por-organizacion-2 { text-decoration: none; background: #ffffff; border-radius: var(--r-lg); padding: 32px 30px 36px; border: 1px solid var(--arra-line-soft); display: flex; flex-direction: column; gap: 12px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-hacemos-por-organizacion-3 { font-family: var(--font-display); font-weight: 500; font-size: 19px; line-height: 1.3; color: var(--fg); }
.arra-hacemos-por-organizacion-4 { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--corp); }
.arra-hacemos-por-organizacion-5 { background: var(--corp-deep); border-radius: var(--r-lg); padding: 32px 30px 36px; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.arra-hacemos-por-organizacion-6 { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 1.25; color: #ffffff; }
.arra-hacemos-por-organizacion-7 { display: inline-flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 12.5px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); text-decoration: none; }
.arra-diferencias-1 { text-align: center; margin-bottom: 48px; }
.arra-como-trabajamos-1 { max-width: 20ch; }
.arra-tecnologia-reporting-5 { display: inline-flex; align-items: center; gap: 10px; margin-top: 20px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); text-decoration: none; }
.arra-hablemos-2 { font-size: 16px; color: rgba(255,255,255,0.75); max-width: 52ch; margin: 0 auto 30px; }
.arra-hablemos-4 { display: inline-flex; align-items: center; gap: 12px; padding: 16px 30px; background: #ffffff; color: var(--corp-deep); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.arra-hablemos-5 { background: linear-gradient(rgba(6,11,19,0.52), rgba(6,11,19,0.52)), url('/wp-content/themes/arra/assets/img/banners/holding-cta-contacto.jpg');
    background: linear-gradient(rgba(6,11,19,0.52), rgba(6,11,19,0.52)), image-set(url('/wp-content/themes/arra/assets/img/banners/holding-cta-contacto.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/holding-cta-contacto.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-nav-28 { position: fixed; top: 0; left: 0; right: 0; z-index: 30; display: flex; justify-content: center; padding: 0; transition: padding 320ms var(--ease-out); }
.arra-nav-32 { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 12px; z-index: 40; }
.arra-nav-33 { display: flex; flex-direction: column; background: var(--nav-corp); border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; box-shadow: var(--shadow-3); padding: 8px; min-width: 250px; }
.arra-nav-35 { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 10px; flex-shrink: 0; }
.arra-arra-corporate-servicios-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-integral-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-integral-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-integral-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-corporate-servicios-2 { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(107,30,46,0.45) 0%, rgba(107,30,46,0.55) 50%, rgba(50,11,22,0.9) 100%); }
.arra-arra-corporate-servicios-3 { font-size: clamp(30px, 3.8vw, 48px); color: #ffffff; max-width: 24ch; }
.arra-arra-corporate-servicios-4 { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.9); max-width: 60ch; }
.arra-arra-corporate-servicios-6 { display: inline-flex; align-items: center; gap: 12px; margin-top: 10px; padding: 15px 28px; background: #ffffff; color: var(--corp-deep); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: var(--shadow-badge); transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.arra-problema-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 18px; }
.arra-problema-2 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 28px 28px 32px; transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.arra-cumplimiento-fiscal-gestion-1 { font-family: var(--font-display); font-weight: 500; font-size: 18px; color: var(--fg); margin: 8px 0 10px; }
.arra-seccion-34 { font-size: 15.5px; color: rgba(255,255,255,0.75); max-width: 58ch; margin: 0 auto 28px; }
.arra-seccion-36 { display: inline-flex; align-items: center; gap: 12px; padding: 15px 28px; background: #ffffff; color: var(--corp-deep); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.arra-seccion-37 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/cta-servicio-asesoramiento.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/cta-servicio-asesoramiento.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/cta-servicio-asesoramiento.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-servicios-7 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-cfo-externo-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-cfo-externo-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-cfo-externo-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-cubre-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 18px; margin-top: 18px; }
.arra-cubre-2 { background: var(--corp-deep); border-radius: var(--r-lg); padding: 26px; text-align: center; }
.arra-cubre-3 { font-family: var(--font-display); font-weight: 500; font-size: 36px; color: var(--gold); }
.arra-cubre-4 { font-size: 13px; color: rgba(255,255,255,0.75); margin-top: 6px; }
.arra-onboarding-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 18px; }
.arra-seccion-38 { background: linear-gradient(rgba(6,11,19,0.48), rgba(6,11,19,0.48)), url('/wp-content/themes/arra/assets/img/banners/cto-externo-servicio.jpg');
    background: linear-gradient(rgba(6,11,19,0.48), rgba(6,11,19,0.48)), image-set(url('/wp-content/themes/arra/assets/img/banners/cto-externo-servicio.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/cto-externo-servicio.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-servicios-8 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-360-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-360-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-360-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-seccion-39 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-360.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-360.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-360.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-servicios-9 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-holding-familiar-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-holding-familiar-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-holding-familiar-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-seccion-40 { background: linear-gradient(rgba(6,11,19,0.52), rgba(6,11,19,0.52)), url('/wp-content/themes/arra/assets/img/banners/holding-cta-contacto.jpg');
    background: linear-gradient(rgba(6,11,19,0.52), rgba(6,11,19,0.52)), image-set(url('/wp-content/themes/arra/assets/img/banners/holding-cta-contacto.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/holding-cta-contacto.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-servicios-10 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-consultoria-escalera.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-consultoria-escalera.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-consultoria-escalera.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-punto-partida-1 { max-width: 28ch; }
.arra-planificacion-1 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 28px 28px 32px; display: flex; flex-direction: column; }
.arra-planificacion-2 { font-size: 11px; }
.arra-planificacion-3 { font-family: var(--font-display); font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--fg); margin: 8px 0 8px; }
.arra-planificacion-4 { border-top: 1px solid var(--arra-line-soft); margin-top: 14px; padding-top: 12px; }
.arra-planificacion-5 { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--corp); font-weight: 600; }
.arra-planificacion-6 { font-size: 13.5px; color: var(--fg); margin-top: 4px; }
.arra-automatizacion-1 { background: #ffffff; border-radius: var(--r-lg); border: 1px solid var(--arra-line); padding: 30px; }
.arra-automatizacion-2 { margin-top: 12px; }
.arra-automatizacion-3 { font-size: 14px; color: var(--fg-soft); padding: 6px 0; border-bottom: 1px solid var(--arra-line-soft); }
.arra-automatizacion-4 { background: var(--corp-deep); border-radius: var(--r-lg); padding: 30px; }
.arra-automatizacion-5 { font-size: 14px; color: #ffffff; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.12); }
.arra-arra-corporate-servicios-11 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-legal-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-legal-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-legal-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-seccion-2-12 { background: var(--corp-deep); border-radius: var(--r-2xl); padding: clamp(36px, 5vw, 56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 32px; text-align: center; margin-bottom: 18px; }
.arra-seccion-2-13 { font-size: 14px; color: #ffffff; margin-top: 4px; }
.arra-seccion-2-14 { font-size: 12.5px; color: rgba(255,255,255,0.65); margin-top: 4px; }
.arra-arra-corporate-sectores-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-grupos-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-grupos-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-grupos-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-ordenar-flujos-entre-1 { background: #f5f5f5; border-radius: var(--r-xl); border: 1px solid var(--arra-line-soft); padding: clamp(24px, 4vw, 40px); }
.arra-seccion-2-15 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/fiscalidad-grandes-grupos-cta-final.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/fiscalidad-grandes-grupos-cta-final.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/fiscalidad-grandes-grupos-cta-final.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-sectores-2 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-real-estate-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-real-estate-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-real-estate-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-grandes-decisiones-1 { font-family: var(--font-display); font-weight: 500; font-size: 21px; color: var(--fg); margin-bottom: 6px; }
.arra-grandes-decisiones-2 { font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); margin-bottom: 20px; }
.arra-grandes-decisiones-3 { background: var(--corp-wash); border-radius: var(--r-md); padding: 22px; }
.arra-grandes-decisiones-4 { font-family: var(--font-display); font-weight: 500; font-size: 16px; color: var(--fg); margin: 6px 0 8px; }
.arra-grandes-decisiones-5 { background: #ffffff; border-radius: var(--r-md); padding: 22px; }
.arra-grandes-decisiones-6 { height: 18px; }
.arra-arra-corporate-sectores-3 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-startups-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-startups-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-startups-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-seccion-45 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/cta-fiscalidad-startup.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/cta-fiscalidad-startup.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/cta-fiscalidad-startup.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-sectores-4 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-ecommerce-internacional-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-ecommerce-internacional-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-ecommerce-internacional-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-esto-es-arra-1 { font-family: var(--font-display); font-weight: 500; font-size: 19px; color: var(--fg); margin: 8px 0 10px; }
.arra-esto-es-arra-2 { display: inline-flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--core-ink); text-decoration: none; }
.arra-esto-es-arra-3 { font-family: var(--font-display); font-weight: 500; font-size: 19px; color: #ffffff; margin: 8px 0 10px; }
.arra-esto-es-arra-4 { font-size: 14.5px; line-height: 1.55; color: #ffffff; }
.arra-plataformas-datos-1 { background: #f5f5f5; border-radius: var(--r-lg); border: 1px solid var(--arra-line-soft); padding: 30px; margin-top: 18px; }
.arra-arra-corporate-metodo-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-metodo-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-metodo-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-metodo-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-seccion-3-1 { background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-pag-tecnologia.jpg');
    background: linear-gradient(rgba(6,11,19,0.56), rgba(6,11,19,0.56)), image-set(url('/wp-content/themes/arra/assets/img/banners/banner-contacto-pag-tecnologia.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/banners/banner-contacto-pag-tecnologia.jpg') type('image/jpeg')); border-radius: var(--r-2xl); padding: clamp(48px, 6vw, 76px) clamp(24px, 5vw, 64px); text-align: center; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.arra-arra-corporate-contacto-1 { position: absolute; inset: 0; background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-contacto-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-contacto-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-contacto-1.jpg') type('image/jpeg')); background-size: cover; background-position: center; }
.arra-arra-corporate-contacto-2 { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 65% at 50% 52%, rgba(45,12,24,0.55) 0%, rgba(0,0,0,0.2) 55%, transparent 100%); }
.arra-nav-36 { background: var(--nav-light); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); width: 100%; max-width: 100%; padding: 7px 20.6px 7px clamp(12px, 3vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: clamp(12px, 2vw, 32px); flex-wrap: nowrap; border-radius: 0px; box-shadow: none; transition: background 320ms var(--ease-out), border-radius 320ms var(--ease-out), box-shadow 320ms var(--ease-out), max-width 320ms var(--ease-out), padding 320ms var(--ease-out); min-height: 80px; box-sizing: border-box; }
.arra-nav-37 { display: flex; gap: clamp(10px, calc(4.4vw - 24px), 40px); flex-wrap: nowrap; justify-content: center; min-width: 0; overflow: hidden; }
.arra-nav-38 { font-family: var(--font-display); font-size: clamp(10px, 1.2vw, 13px); font-weight: 400; letter-spacing: 0.17em; text-transform: uppercase; text-decoration: none; white-space: nowrap; color: var(--nav-ink); padding-top: 5px; padding-bottom: 3px; border-bottom: 1px solid transparent; }
.arra-nav-40 { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: transparent; color: var(--nav-ink); border: 1px solid var(--nav-ink); border-radius: 12px; font-family: var(--font-display); font-size: clamp(11px, 1.2vw, 13px); font-weight: 400; letter-spacing: 0.17em; text-transform: uppercase; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out); }
.arra-nav-41 { height: 43px; transition: height 320ms var(--ease-out); }
.arra-hueco-2 { height: 80px; background: #ffffff; }
.arra-nav-42 { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; width: 100%; max-width: 100%; padding: 7px 20.6px 7px clamp(12px, 3vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: clamp(12px, 2vw, 32px); flex-wrap: nowrap; border-radius: 0px; box-shadow: none; transition: background 320ms var(--ease-out), border-radius 320ms var(--ease-out), box-shadow 320ms var(--ease-out), max-width 320ms var(--ease-out), padding 320ms var(--ease-out); min-height: 80px; box-sizing: border-box; }
.arra-nav-43 { display: flex; gap: clamp(10px, calc(4.4vw - 24px), 40px); flex-wrap: nowrap; justify-content: center; min-width: 0; }
.arra-nav-44 { font-family: var(--font-display); font-size: clamp(10px, 1.2vw, 13px); font-weight: 400; letter-spacing: 0.17em; text-transform: uppercase; text-decoration: none; white-space: nowrap; color: rgba(255,255,255,0.78); padding-top: 5px; padding-bottom: 3px; border-bottom: 1px solid transparent; }
.arra-nav-46 { font-family: var(--font-display); font-size: clamp(10px, 1.2vw, 13px); font-weight: 400; letter-spacing: 0.17em; text-transform: uppercase; text-decoration: none; white-space: nowrap; color: rgba(255,255,255,0.78); display: inline-flex; align-items: center; gap: 5px; padding-top: 5px; padding-bottom: 3px; border-bottom: 1px solid transparent; }
.arra-nav-47 { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: transparent; color: #ffffff; border: 1px solid rgba(255,255,255,0.8); border-radius: 12px; font-family: var(--font-display); font-size: clamp(11px, 1.2vw, 13px); font-weight: 400; letter-spacing: 0.17em; text-transform: uppercase; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out); }
.arra-nav-48 { height: 43px; transition: height 320ms var(--ease-out); }
.arra-pie-14 { height: 48px; margin-bottom: 18px; display: block; }
.arra-nav-49 { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; width: 100%; max-width: 100%; padding: 7px 20.6px 7px clamp(12px, 3vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: clamp(12px, 2vw, 32px); flex-wrap: nowrap; border-radius: 0px; box-shadow: none; transition: background 320ms var(--ease-out), border-radius 320ms var(--ease-out), box-shadow 320ms var(--ease-out), max-width 320ms var(--ease-out), padding 320ms var(--ease-out); min-height: 80px; box-sizing: border-box; }
.arra-nav-50 { display: flex; gap: clamp(10px, calc(4.4vw - 24px), 40px); flex-wrap: nowrap; justify-content: center; min-width: 0; }
.arra-nav-51 { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: transparent; color: #ffffff; border: 1px solid rgba(255,255,255,0.8); border-radius: 12px; font-family: var(--font-display); font-size: clamp(11px, 1.2vw, 13px); font-weight: 400; letter-spacing: 0.17em; text-transform: uppercase; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out); }
.arra-nav-52 { height: 43px; transition: height 320ms var(--ease-out); }
.arra-menu-13 { height: 34px; margin-bottom: 6px; }
.arra-menu-14 { height: 34px; margin-bottom: 10px; }

/* style-hover del artboard */
.arra-arra-core-h1:hover { background: var(--core-ink); transform: translateY(-2px); }
.arra-arra-core-h2:hover { background: var(--corp-deep); transform: translateY(-2px); }
.arra-router-h1:hover { color: var(--gold-bronze); }
.arra-router-h2:hover { transform: translateY(-4px); box-shadow: var(--shadow-2); }
.arra-por-elegirnos-h1:hover { opacity: 0.9; }
.arra-servicios-h1:hover { transform: translateY(-4px); box-shadow: var(--shadow-3); }
.arra-nav-h1:hover { color: var(--nav-gold); }
.arra-nav-h2:hover { background: var(--nav-ink); color: #ffffff; border-color: var(--nav-ink); }
.arra-menu-h1:hover { color: var(--gold); }
.arra-arra-core-autonomos-h1:hover { background-size: 100% 100%, 100% 100%; color: #ffffff; border-color: var(--core); transform: translateY(-2px); }
.arra-tienes-negocio-digital-h1:hover { background: rgba(255,255,255,0.12); }
.arra-arra-core-servicios-h1:hover { background: var(--core); color: #ffffff; transform: translateY(-2px); }
.arra-nav-h3:hover { background: rgba(255,255,255,0.1); color: var(--gold); }
.arra-nav-h4:hover { background: #ffffff; color: #436144; }
.arra-seccion-h1:hover { background-size: 100% 100%, 100% 100%; color: #ffffff; border-color: var(--corp); transform: translateY(-2px); }
.arra-nav-h5:hover { background: #ffffff; color: #5f1a31; }
.arra-arra-corporate-servicios-h1:hover { background: var(--corp); color: #ffffff; transform: translateY(-2px); }

/* =========================================================================
   ESTADO

   Lo que en Design calculaba renderVals(). Los valores son los suyos, medidos.
   Sin capa, por lo mismo que el resto de esta hoja.
   ========================================================================= */

	/* PENDIENTE · los desplegables de «Servicios» y «Negocios digitales» en las
	   barras de Core y Corporate. En reposo estan cerrados, que es como los
	   dibuja Design y lo que se compara. Para abrirlos hace falta marcar su
	   contenedor con una clase: el marcado del artboard no la trae y no se puede
	   seleccionar un padre en CSS. Se hace al consolidar la barra en una parte
	   del tema. No se deja una regla escrita apuntando a clases que no existen:
	   eso es CSS muerto y la directriz de CLAUDE.md lo prohibe. */

	/* El héroe de la portada, con los dos movimientos.
	 *
	 * El de fondo: la foto deriva despacio, que es el mismo `arra-kenburns` de
	 * 16 s que ya llevan los héroes de Core y de Corporate. En la portada no lo
	 * tenían y se quedaban muertas al lado de sus propias páginas.
	 *
	 * El de encima: al pasar el ratón, la mitad se acerca un 5 %.
	 *
	 * Los dos a la vez tienen truco. La deriva anima `transform`, y una
	 * animación le gana a cualquier declaración normal: el zoom escrito como
	 * `transform: scale(1.05)` dejaba de verse en cuanto había deriva. Se pasa
	 * a la propiedad `scale`, que es independiente y se COMPONE con `transform`
	 * en vez de pelearse con él. */
	.arra-arra-core-4,
	.arra-arra-core-4 {
		animation: arra-kenburns 16s var(--wp--custom--movimiento--entrada-salida) infinite alternate;
		transition: scale 420ms var(--wp--custom--movimiento--salida);
		will-change: transform, scale;
	}
	.arra-arra-core-3:hover .arra-arra-core-4,
	.arra-arra-core-13:hover .arra-arra-core-4 { scale: 1.05; }
	.arra-arra-core-3:hover .arra-arra-core-8,
	.arra-arra-core-13:hover .arra-arra-core-17 { opacity: 1; }

	@media (prefers-reduced-motion: reduce) {
		.arra-arra-core-4,
		.arra-arra-core-4 { animation: none; transition: none; }
	}


	/* La barra al hacer scroll. nav.js pone .arra-flotante en el <body>
	   pasados 70 px, que es el umbral del artboard. La transición ya venía
	   dentro de las propias declaraciones. */
	.arra-flotante .arra-nav-1, .arra-flotante .arra-nav-11, .arra-flotante .arra-nav-28 { padding: 14px 16px 0; }
	.arra-flotante .arra-nav-36 { background: rgba(230, 232, 236, 0.96); max-width: 1180px; padding: 6px 12.6px 6px 22px; border-radius: var(--r-xl); border-bottom: 1px solid rgba(6,11,19,0.08); box-shadow: 0 1px 2px rgba(6,11,19,0.08), 0 8px 18px rgba(6,11,19,0.14), 0 18px 40px rgba(6,11,19,0.10); }
	.arra-flotante .arra-nav-41, .arra-flotante .arra-nav-48, .arra-flotante .arra-nav-52 { height: 34px; }
	.arra-flotante .arra-nav-42 { background: rgba(67, 97, 68, 0.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); max-width: 1180px; padding: 6px 12.6px 6px 22px; border-radius: var(--r-xl); box-shadow: 0 1px 2px rgba(6,11,19,0.08), 0 8px 18px rgba(6,11,19,0.14), 0 18px 40px rgba(6,11,19,0.10); }
	.arra-flotante .arra-nav-49 { background: rgba(110, 40, 64, 0.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); max-width: 1180px; padding: 6px 12.6px 6px 22px; border-radius: var(--r-xl); box-shadow: 0 1px 2px rgba(6,11,19,0.08), 0 8px 18px rgba(6,11,19,0.14), 0 18px 40px rgba(6,11,19,0.10); }
	.arra-flotante .arra-nav-36, .arra-flotante .arra-nav-42, .arra-flotante .arra-nav-49 { min-height: 64px; }

	/* Móvil. El artboard cambia a los 860 px, y a 390 px no cambia nada
	   más: está medido. */
	@media (max-width: 859px) {
		.arra-arra-core-2 { height: auto; }
		.arra-arra-core-3, .arra-arra-core-13 { position: relative; clip-path: none; padding: 72px 24px; min-height: 56vh; }
		.arra-nav-37, .arra-nav-43, .arra-nav-50 { display: none; }
		.arra-nav-9, .arra-nav-24, .arra-nav-35 { display: flex; }
		.arra-nav-40, .arra-nav-47, .arra-nav-51 { margin-left: auto; }
	}

/* =========================================================================
   EL «ESTÁS AQUÍ»
   La marca ya no viene en el marcado —no puede: la barra es la misma en las
   veinticuatro páginas— sino de aria-current="page", que pone PHP al pintar.
   Los valores son los de Design. Ver destilar.py, ACTIVO_CSS.
   ========================================================================= */
.arra-nav-11 [aria-current="page"]:not(:has(img)) { color: #ffffff; }
.arra-menu-6 [aria-current="page"]:not(:has(img)) { color: var(--gold); }
.arra-nav-28 [aria-current="page"]:not(:has(img)) { color: #ffffff; }
.arra-nav-1 [aria-current="page"]:not(:has(img)) { color: var(--nav-gold); }
.arra-menu-1 [aria-current="page"]:not(:has(img)) { color: var(--gold); }
.arra-pie-1 [aria-current="page"]:not(:has(img)) { color: var(--gold); }
/* El filete al pasar el ratón, que se dibuja solo.
   El mismo gesto que marca la página actual, para que el ratón anticipe
   dónde cae, pero recorrido: entra creciendo de izquierda a derecha y
   sale vaciándose de derecha a izquierda. Las dos cosas son el MISMO
   `scaleX` con el origen a la izquierda -crece hacia la derecha, se
   retira hacia la izquierda-; para que saliera por el otro lado habría
   que mover el origen a la derecha al soltar.
   Va en un `::after` y no en el borde porque `border-bottom-color` no se
   puede recorrer: o está o no está. El borde sigue ahí, transparente,
   reservando el hueco y pintando la página actual.
   Solo los de la fila: los del panel ya tienen su propio hover -fondo y
   dorado- y un filete ahí sobraría. Y `:focus-visible` con el ratón,
   que en el móvil y con el teclado no hay ratón que pasar. */
.arra-nav-11 nav > a,
.arra-nav-11 nav > .arra-desplegable > a { position: relative; transition: color var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-nav-11 nav > a::after,
.arra-nav-11 nav > .arra-desplegable > a::after { content: ""; position: absolute; inset-inline: 0; bottom: calc(-1 * 0.1em); block-size: 0.1em; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-nav-11 nav > a:hover::after,
.arra-nav-11 nav > a:focus-visible::after,
.arra-nav-11 nav > .arra-desplegable > a:focus-visible::after,
.arra-nav-11 nav > .arra-desplegable:hover > a::after,
.arra-nav-11 nav > .arra-desplegable:focus-within > a::after,
.arra-nav-11 nav > [aria-current="page"]:not(:has(img))::after,
.arra-nav-11 nav > .arra-desplegable:has([aria-current="page"]) > a::after { transform: scaleX(1); }
.arra-nav-28 nav > a,
.arra-nav-28 nav > .arra-desplegable > a { position: relative; transition: color var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-nav-28 nav > a::after,
.arra-nav-28 nav > .arra-desplegable > a::after { content: ""; position: absolute; inset-inline: 0; bottom: calc(-1 * 0.1em); block-size: 0.1em; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-nav-28 nav > a:hover::after,
.arra-nav-28 nav > a:focus-visible::after,
.arra-nav-28 nav > .arra-desplegable > a:focus-visible::after,
.arra-nav-28 nav > .arra-desplegable:hover > a::after,
.arra-nav-28 nav > .arra-desplegable:focus-within > a::after,
.arra-nav-28 nav > [aria-current="page"]:not(:has(img))::after,
.arra-nav-28 nav > .arra-desplegable:has([aria-current="page"]) > a::after { transform: scaleX(1); }
.arra-nav-1 nav > a,
.arra-nav-1 nav > .arra-desplegable > a { position: relative; transition: color var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-nav-1 nav > a::after,
.arra-nav-1 nav > .arra-desplegable > a::after { content: ""; position: absolute; inset-inline: 0; bottom: calc(-1 * 0.1em); block-size: 0.1em; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-nav-1 nav > a:hover::after,
.arra-nav-1 nav > a:focus-visible::after,
.arra-nav-1 nav > .arra-desplegable > a:focus-visible::after,
.arra-nav-1 nav > .arra-desplegable:hover > a::after,
.arra-nav-1 nav > .arra-desplegable:focus-within > a::after,
.arra-nav-1 nav > [aria-current="page"]:not(:has(img))::after,
.arra-nav-1 nav > .arra-desplegable:has([aria-current="page"]) > a::after { transform: scaleX(1); }
/* Sin movimiento para quien lo ha pedido: el filete sigue apareciendo,
   pero de golpe. Lo que se quita es el recorrido, no la señal. */
@media (prefers-reduced-motion: reduce) {
	.arra-nav-11 nav > a,
	.arra-nav-11 nav > .arra-desplegable > a,
	.arra-nav-11 nav > a::after,
	.arra-nav-11 nav > .arra-desplegable > a::after { transition: none; }
	.arra-nav-28 nav > a,
	.arra-nav-28 nav > .arra-desplegable > a,
	.arra-nav-28 nav > a::after,
	.arra-nav-28 nav > .arra-desplegable > a::after { transition: none; }
	.arra-nav-1 nav > a,
	.arra-nav-1 nav > .arra-desplegable > a,
	.arra-nav-1 nav > a::after,
	.arra-nav-1 nav > .arra-desplegable > a::after { transition: none; }
}
/* El botón de clientes se enciende al apuntarlo, tabular hasta él o
   pulsarlo. dorado-700 con texto carbón: 5,65:1. Ver destilar.py. */
.arra-nav-40:hover,
.arra-nav-40:focus-visible,
.arra-nav-40:active { background: var(--gold-bronze); color: var(--wp--preset--color--carbon-950); border-color: var(--gold-bronze); }
/* La frase de las dos líneas, en el pie: segunda lectura. */
.arra-pie-lineas { margin-block-start: 20px; font-size: 13.5px; opacity: 0.82; }
.arra-pie-lineas::before { content: ""; display: block; inline-size: 28px; block-size: 0.1em; background: var(--gold); margin-block-end: 14px; }
.arra-pie-lineas a { color: inherit; }
/* El lema del pie, partido por sus cuatro miembros. */
.arra-pie-lema-linea { display: block; }
/* Las migas, en el sitio del antetítulo. Ver destilar.py. */
.arra-migas a { color: inherit; text-decoration: none; position: relative; }
.arra-migas a::after { content: ""; position: absolute; inset-inline: 0; bottom: -0.25em; block-size: 0.1em; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-migas a:hover::after,
.arra-migas a:focus-visible::after { transform: scaleX(1); }
.arra-migas .arra-migas-sep { opacity: 0.45; margin-inline: 0.5em 0.62em; }
@media (prefers-reduced-motion: reduce) {
	.arra-migas a::after { transition: none; }
}
/* El menú móvil, en dos niveles. Ver destilar.py. */
.arra-menu-raiz, .arra-menu-lista { list-style: none; margin: 0; padding: 0; align-self: stretch; }
.arra-menu-cuerpo { align-self: stretch; position: relative; }
.arra-menu-fila { display: block; position: relative; inline-size: 100%; box-sizing: border-box; background: none; border: 0; padding: 11px 34px; cursor: pointer; text-align: start; text-decoration: none; font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 1.45; }
.arra-menu-fila--grupo::after { content: ""; position: absolute; inset-inline-end: 16px; inset-block-start: 50%; inline-size: 9px; block-size: 9px; margin-block-start: -6px; border-inline-end: 2px solid var(--gold); border-block-end: 2px solid var(--gold); transform: rotate(-45deg); transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-menu-lista > li > a { display: block; font-size: 17px; font-weight: 400; padding: 9px 34px; text-align: start; text-decoration: none; }
.arra-menu-ficha summary { display: block; list-style: none; }
.arra-menu-ficha summary::-webkit-details-marker { display: none; }
/* Los dos niveles, solo con JavaScript. Ver nav.js. */
.js-menu-niveles .arra-menu-sub { position: absolute; inset: 0; padding-block-start: 4px; transform: translateX(100%); opacity: 0; pointer-events: none; transition: transform 360ms var(--wp--custom--movimiento--salida), opacity 360ms var(--wp--custom--movimiento--salida); }
.js-menu-niveles details[open] > .arra-menu-sub { transform: translateX(0); opacity: 1; pointer-events: auto; }
.js-menu-niveles .arra-menu-cuerpo:has(details[open]) .arra-menu-fila { transform: translateX(-28%); opacity: 0; pointer-events: none; }
.js-menu-niveles .arra-menu-fila { transition: transform 360ms var(--wp--custom--movimiento--salida), opacity 360ms var(--wp--custom--movimiento--salida); }
.arra-menu-volver { display: inline-flex; align-items: center; gap: 12px; background: none; border: 0; cursor: pointer; color: var(--wp--preset--color--blanco); opacity: 0.78; padding: 0 10px 16px; font-family: var(--font-display); font-weight: 500; font-size: 17px; }
.arra-menu-volver::before { content: ""; flex: none; inline-size: 9px; block-size: 9px; border-inline-start: 2px solid var(--gold); border-block-end: 2px solid var(--gold); transform: rotate(45deg); transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.arra-menu-volver:hover::before { transform: rotate(45deg) translate(3px, -3px); }
.arra-menu-lista > li > a { opacity: 0; transform: translateY(8px); transition: opacity 360ms var(--wp--custom--movimiento--salida), transform 360ms var(--wp--custom--movimiento--salida); transition-delay: calc((sibling-index() - 1) * (calc(var(--wp--custom--movimiento--muy-lento) - 360ms) / max(sibling-count() - 1, 1))); }
details[open] .arra-menu-lista > li > a { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.js-menu-niveles .arra-menu-sub,
	.js-menu-niveles .arra-menu-raiz,
	.arra-menu-lista > li > a { transition: none; }
	.arra-menu-lista > li > a { opacity: 1; transform: none; }
}
/* El aspa del menú: dos rayas, no un círculo. */
.js-menu-niveles .arra-menu-cabecera > button { background: none; border: 0; border-radius: 0; font-size: 0; color: transparent; position: relative; }
.js-menu-niveles .arra-menu-cabecera > button::before,
.js-menu-niveles .arra-menu-cabecera > button::after { content: ""; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; inline-size: 22px; block-size: 2px; margin-inline-start: -11px; margin-block-start: -1px; border-radius: 2px; background: #fff; transition: transform var(--wp--custom--movimiento--muy-lento) var(--wp--custom--movimiento--entrada-salida); }
.js-menu-niveles .arra-menu-cabecera > button::before { transform: rotate(45deg); }
.js-menu-niveles .arra-menu-cabecera > button::after { transform: rotate(-45deg); }
/* La cabecera del menú, donde está la barra. Ver nav.js. */
.js-menu-niveles .arra-menu-cabecera img { block-size: var(--arra-menu-logo-alto, 34px); inline-size: auto; }
.js-menu-niveles .arra-menu-cabecera > :is(a, img) { translate: var(--arra-menu-logo-dx, 0) var(--arra-menu-logo-dy, 0); }
.js-menu-niveles .arra-menu-cabecera > button { translate: var(--arra-menu-boton-dx, 0) var(--arra-menu-boton-dy, 0); }
/* El menú baja como un telón. Ver nav.js. */
.js-menu-niveles { visibility: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 700ms var(--wp--custom--movimiento--salida), visibility 0s linear 700ms; }
.js-menu-niveles.esta-abierto { visibility: visible; clip-path: inset(0 0 0 0); transition: clip-path 700ms var(--wp--custom--movimiento--salida), visibility 0s; }
.js-menu-niveles .arra-menu-raiz > li { opacity: 0; transform: translateY(14px); }
.js-menu-niveles.esta-abierto .arra-menu-raiz > li { opacity: 1; transform: none; transition: opacity 420ms var(--wp--custom--movimiento--salida) calc(sibling-index() * 55ms + 300ms), transform 420ms var(--wp--custom--movimiento--salida) calc(sibling-index() * 55ms + 300ms); }
@media (prefers-reduced-motion: reduce) {
	.js-menu-niveles { transition: none; }
	.js-menu-niveles .arra-menu-raiz > li { opacity: 1; transform: none; transition: none; }
}
/* El contenido del menú, arriba. Ver destilar.py. */
[data-arra-menu] { justify-content: flex-start; overflow-y: auto; }
/* La cabecera del menú no se va con el scroll. Ver destilar.py. */
.arra-menu-cabecera { align-self: stretch; position: sticky; inset-block-start: 0; z-index: 1; background: inherit; display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding-block: 14px 16px; }
.arra-menu-cabecera > :is(a, img) { grid-row: 1; grid-column: 1; margin: 0; }
.arra-menu-cabecera > button { position: static; grid-row: 1; grid-column: 3; justify-self: end; }
.arra-menu--core > .arra-menu-cabecera { inset-block-start: calc(-1 * 32px); }
.arra-menu--corporate > .arra-menu-cabecera { inset-block-start: calc(-1 * 32px); }
.arra-menu--generica > .arra-menu-cabecera { inset-block-start: calc(-1 * 32px); }
/* Y cada menú, del color de su línea. Los tonos y el porqué del dorado
   de Core -que sube a dorado-300-, en destilar.py. */
.arra-menu--core { background: var(--wp--preset--color--verde-900); --gold: var(--wp--preset--color--dorado-300); }
.arra-menu--corporate { background: var(--wp--preset--color--burdeos-950); }
/* El botón de clientes en el móvil: encoge, y por debajo de 359px se va
   al menú, que es donde sí cabe. Ver destilar.py. */
@media (max-width: 859px) {
	.arra-nav-40,
	.arra-nav-47,
	.arra-nav-51
	{ font-size: 10px; letter-spacing: 0.12em; padding: 8px 11px; border-radius: 10px; }
}
.arra-cta-en-menu { display: none; }
@media (max-width: 359px) {
	.arra-nav-40,
	.arra-nav-47,
	.arra-nav-51
	{ display: none; }
	.arra-cta-en-menu { display: block; }
}
/* Pantallas medianas: el tracking se cierra para que quepa la fila. */
@media (max-width: 1200px) {
	.arra-nav-11 nav > a,
	.arra-nav-11 nav > .arra-desplegable > a { letter-spacing: 0.11em; }
	.arra-nav-28 nav > a,
	.arra-nav-28 nav > .arra-desplegable > a { letter-spacing: 0.11em; }
	.arra-nav-1 nav > a,
	.arra-nav-1 nav > .arra-desplegable > a { letter-spacing: 0.11em; }
}
/* Los desplegables de «Servicios» y «Negocios digitales».
   En Design los abría el estado de JavaScript; aquí los abre el CSS, que
   además responde al teclado. `block` es el valor que les daba Design. */
.arra-desplegable:hover > .arra-nav-18,
.arra-desplegable:focus-within > .arra-nav-18 { display: block; }
.arra-desplegable:hover > .arra-nav-32,
.arra-desplegable:focus-within > .arra-nav-32 { display: block; }
/* El panel cuelga por debajo de la barra, no metido en ella.
   El contenedor del grupo se estira a todo el alto de la fila para que
   `top: 100%` caiga en el suelo de la barra. Ver destilar.py. */
header:has(.arra-desplegable) > nav { align-self: stretch; align-items: center; }
.arra-desplegable { align-self: stretch; display: flex; align-items: center; }
.arra-nav-18,
.arra-nav-32 { padding-top: 27px; }
/* El panel se destapa de arriba abajo y desenfoca la página.
   Los enlaces entran escalonados. Ver destilar.py. */
.arra-nav-18,
.arra-nav-32 { transition: clip-path 420ms var(--wp--custom--movimiento--salida), opacity 300ms var(--wp--custom--movimiento--salida), display 420ms allow-discrete; clip-path: inset(0 0 100% 0); opacity: 0; }
.arra-desplegable:hover > .arra-nav-18,
.arra-desplegable:focus-within > .arra-nav-18,
.arra-desplegable:hover > .arra-nav-32,
.arra-desplegable:focus-within > .arra-nav-32 { clip-path: inset(0 0 0 0); opacity: 1; }
@starting-style {
.arra-desplegable:hover > .arra-nav-18,
.arra-desplegable:focus-within > .arra-nav-18,
.arra-desplegable:hover > .arra-nav-32,
.arra-desplegable:focus-within > .arra-nav-32
	{ clip-path: inset(0 0 100% 0); opacity: 0; }
}
.arra-desplegable a:not([data-arra-disparador]) { opacity: 0; transform: translateY(10px); filter: blur(4px); transition: opacity 360ms var(--wp--custom--movimiento--salida), transform 360ms var(--wp--custom--movimiento--salida), filter 360ms var(--wp--custom--movimiento--salida); }
.arra-desplegable:hover a:not([data-arra-disparador]),
.arra-desplegable:focus-within a:not([data-arra-disparador]) { opacity: 1; transform: none; filter: none; }
@starting-style {
	.arra-desplegable:hover a:not([data-arra-disparador]),
	.arra-desplegable:focus-within a:not([data-arra-disparador])
	{ opacity: 0; transform: translateY(10px); filter: blur(4px); }
}
.arra-desplegable a:not([data-arra-disparador]) { transition-delay: calc(200ms + (sibling-index() - 1) * (calc(var(--wp--custom--movimiento--muy-lento) - 360ms - 200ms) / max(sibling-count() - 1, 1))); }
.arra-nav-11 header { position: relative; z-index: 1; }
.arra-nav-11::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; backdrop-filter: blur(9px); background: rgba(6, 11, 19, 0.28); opacity: 0; transition: opacity 300ms var(--wp--custom--movimiento--salida); }
.arra-nav-11:has(.arra-desplegable:hover)::after,
.arra-nav-11:has(.arra-desplegable:focus-within)::after { opacity: 1; }
.arra-nav-28 header { position: relative; z-index: 1; }
.arra-nav-28::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; backdrop-filter: blur(9px); background: rgba(6, 11, 19, 0.28); opacity: 0; transition: opacity 300ms var(--wp--custom--movimiento--salida); }
.arra-nav-28:has(.arra-desplegable:hover)::after,
.arra-nav-28:has(.arra-desplegable:focus-within)::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
	.arra-nav-18,
	.arra-nav-32,
	.arra-desplegable a:not([data-arra-disparador]) { transition: none; }
	.arra-desplegable a:not([data-arra-disparador]) { opacity: 1; transform: none; filter: none; }
}
/* El grupo que contiene la página actual, marcado como ella. */
.arra-nav-11 .arra-desplegable:has([aria-current="page"]) > a { color: #ffffff; }
.arra-nav-11 .arra-desplegable [aria-current="page"] { color: var(--gold); font-weight: 600; }
.arra-nav-28 .arra-desplegable:has([aria-current="page"]) > a { color: #ffffff; }
.arra-nav-28 .arra-desplegable [aria-current="page"] { color: var(--gold); font-weight: 600; }

/* =========================================================================
   ENCUADRE DE LAS FOTOS DE FONDO

   Ver destilar.py, ENCUADRE: por qué es un desplazamiento y no un
   background-position en porcentaje, y por qué solo a partir de 860 px.
   ========================================================================= */
@media (min-width: 860px) {
	.arra-arra-core-5.arra-arra-core-5 { inset-inline-start: -35%;
		inline-size: calc(100% + 35%); }
}

/* El antetítulo de la tarjeta de llamada a la acción, sobre foto.
   Va en blanco y no en dorado: mide 13 px, así que WCAG le exige
   4,5:1, y el dorado ahí obligaba a un velo de 0,66 que se comía
   la foto. El gesto dorado se queda en el resalte del titular, que
   a 40 px solo necesita 3:1. Ver destilar.py, css_del_cta(). */
#cta .arra-kicker, .arra-cta-con-foto .arra-kicker { color: var(--wp--preset--color--blanco); }

/* Y el parrafo, en blanco entero.
   `velo_suficiente()` elige el velo de cada foto suponiendo que
   los tres textos son #ffffff, pero Design pinta el parrafo con
   un blanco al 75 %. Esa rebaja no la ve el calculo, asi que el
   velo sale corto: medido sobre el pixel mas claro de la foto que
   de verdad cae bajo el parrafo, daba de 3,33:1 a 3,77:1 en diez
   de las once tarjetas, por debajo del 4,5:1 que pide AA a 15,5 px.
   Con el blanco entero va de 4,54:1 a 7,22:1 y pasan las once.
   Se corrige aqui y no subiendo el velo porque el velo tendria que
   llegar a 0,66 y se comeria la foto, que es justo lo que este
   mismo bloque evito con el antetitulo.
   Ver destilar.py, css_del_cta(). */
.arra-cta-con-foto > p { color: var(--wp--preset--color--blanco); }

/* Las tres pruebas del valor: numerales grandes y una linea fina, sin
   caja. Cuerpos y colores de la NumberCard del sistema de diseno.
   Ver destilar.py, css_de_las_pruebas(). */
div:has(+ .arra-pruebas) { text-align: start; }
.arra-pruebas { display: grid; gap: 0; margin: 0; padding: 0; list-style: none;
         grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }
.arra-pruebas-ficha { padding-inline: 40px; }
.arra-pruebas-ficha:not(:first-child) { border-inline-start: 1px solid var(--arra-line-soft); }
.arra-pruebas-ficha:first-child { padding-inline-start: 0; }
.arra-pruebas-ficha:last-child { padding-inline-end: 0; }
.arra-pruebas-ficha { transition: border-color var(--wp--custom--movimiento--base)
                             var(--wp--custom--movimiento--salida); }
.arra-pruebas-ficha.esta-vivo, .arra-pruebas-ficha:hover,
.arra-pruebas-ficha.esta-vivo + .arra-pruebas-ficha, .arra-pruebas-ficha:hover + .arra-pruebas-ficha {
    border-inline-start-color: var(--wp--preset--color--dorado-700); }
.arra-pruebas-titulo { position: relative; font-family: var(--font-display); font-weight: 500;
                font-size: clamp(24px, 2.5vw, 31px); letter-spacing: -0.02em;
                line-height: 1.16;
                margin: 0 0 14px; color: var(--fg); text-wrap: balance; }
.arra-pruebas-texto { font-family: var(--font-body); font-size: 15px; line-height: 1.6;
               margin: 0; color: var(--fg-soft); max-inline-size: 34ch; }
@media (max-width: 899px) {
  .arra-pruebas-ficha { padding: 0 0 30px; }
  .arra-pruebas-ficha:not(:first-child) { border-inline-start: 0;
                                   border-block-start: 1px solid var(--arra-line-soft);
                                   padding-block-start: 30px; }
  .arra-pruebas-ficha.esta-vivo, .arra-pruebas-ficha:hover,
  .arra-pruebas-ficha.esta-vivo + .arra-pruebas-ficha, .arra-pruebas-ficha:hover + .arra-pruebas-ficha {
      border-block-start-color: var(--wp--preset--color--dorado-700); }
  .arra-pruebas-ficha:last-child { padding-block-end: 0; }
}
@media (prefers-reduced-motion: reduce) { .arra-pruebas-ficha { transition: none; } }

/* El gris que separa secciones, sangrado a todo el ancho.
   Ver destilar.py, css_de_los_fondos(). */
.arra-fondo-suave { background: var(--wp--preset--color--neutro-100);
         --arra-fondo-seccion: var(--wp--preset--color--neutro-100);
         box-shadow: 0 0 0 100vmax var(--wp--preset--color--neutro-100);
         clip-path: inset(0 -100vmax);
         padding-block: calc(var(--section-pad-y) * 0.58); }

/* Preguntas frecuentes. Forma del FaqSection del sistema, con los
   desplegables en <details name> nativo. Ver destilar.py. */
.arra-faq.arra-faq { padding-block-end: 0; }
.arra-faq-caja { display: grid; gap: 40px; align-items: start;
              grid-template-columns: minmax(0, 1fr);
              background: var(--wp--preset--color--neutro-100);
              border: 1px solid var(--arra-line-soft);
              border-radius: var(--r-xl); padding: clamp(28px, 4vw, 44px); }
@media (min-width: 900px) {
  .arra-faq-caja { grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
                gap: 56px; }
  .arra-faq-intro { position: sticky; inset-block-start: 118px; }
}
.arra-faq-titulo { font-family: var(--font-display); font-weight: 500;
                font-size: clamp(24px, 2.6vw, 30px); letter-spacing: -0.02em;
                line-height: 1.15; margin: 12px 0 22px; color: var(--fg);
                text-wrap: balance; }
.arra-faq-fila { border-block-end: 1px solid var(--arra-line-soft); }
.arra-faq-fila:first-child { border-block-start: 1px solid var(--arra-line-soft); }
.arra-faq-pregunta { display: flex; align-items: center; gap: 16px;
                  justify-content: space-between; cursor: pointer;
                  list-style: none; padding-block: 18px;
                  font-family: var(--font-display); font-weight: 500;
                  font-size: 17px; line-height: 1.35; color: var(--fg); }
.arra-faq-pregunta::-webkit-details-marker { display: none; }
.arra-faq-pregunta::after { content: ""; flex: none; inline-size: 9px; block-size: 9px;
                         border-inline-end: 2px solid var(--wp--preset--color--dorado-700);
                         border-block-end: 2px solid var(--wp--preset--color--dorado-700);
                         rotate: 45deg; translate: 0 -2px;
                         transition: rotate var(--wp--custom--movimiento--base)
                                     var(--wp--custom--movimiento--salida); }
.arra-faq-fila[open] .arra-faq-pregunta::after { rotate: -135deg; translate: 0 2px; }
.arra-faq-respuesta { font-size: 15px; line-height: 1.65; color: var(--fg-soft);
                   padding-block-end: 20px; }
.arra-faq-respuesta p { margin: 0; }
.arra-faq-respuesta p + p { margin-block-start: 0.95em; }
@supports (interpolate-size: allow-keywords) {
  :root { interpolate-size: allow-keywords; }
  .arra-faq-fila::details-content { block-size: 0; overflow: hidden; opacity: 0;
      transition: block-size var(--wp--custom--movimiento--base)
                    var(--wp--custom--movimiento--salida),
                  content-visibility var(--wp--custom--movimiento--base) allow-discrete,
                  opacity var(--wp--custom--movimiento--base)
                    var(--wp--custom--movimiento--salida); }
  .arra-faq-fila[open]::details-content { block-size: auto; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-faq-pregunta::after, .arra-faq-cta { transition: none; }
  .arra-faq-fila::details-content { transition: none; }
}

/* La seccion anterior a una banda gris parte su aire en dos, para
   quedar centrada en su franja blanca. Ver destilar.py. */
.arra-aire-repartido { padding-block-start: calc(var(--section-pad-y) / 2);
         padding-block-end: calc(var(--section-pad-y) / 2); }

/* El globo de puntos que dibuja el mapa del mundo. Ver destilar.py,
   css_del_globo() y assets/js/globo.js. */
.arra-globo-mundo { display: grid; gap: clamp(28px, 4vw, 56px); align-items: center;
         grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
         background: var(--wp--preset--color--burdeos-950);
         box-shadow: 0 0 0 100vmax var(--wp--preset--color--burdeos-950);
         clip-path: inset(0 -100vmax);
         padding-block: calc(var(--section-pad-y) * 0.58); }
.arra-globo-mundo-titulo { font-family: var(--font-display); font-weight: 500;
                font-size: clamp(26px, 3vw, 40px); line-height: 1.15;
                letter-spacing: -0.02em; margin: 12px 0 16px;
                color: var(--wp--preset--color--blanco);
                text-wrap: balance; }
.arra-globo-mundo-parrafo { font-size: 16px; line-height: 1.65; margin: 0;
                 color: var(--wp--preset--color--neutro-300);
                 max-inline-size: 44ch; }
.arra-globo-mundo .arra-kicker { color: var(--wp--preset--color--dorado-300); }
.arra-globo-mundo-lienzo { --arra-globo-color: var(--wp--preset--color--dorado-300);
                --arra-globo-alto: 420px;
                touch-action: pan-y; cursor: grab; }
.arra-globo-mundo-lienzo.esta-cogido { cursor: grabbing; }
@media (max-width: 859px) {
  .arra-globo-mundo { grid-template-columns: 1fr; }
  .arra-globo-mundo-lienzo { order: 2; }
}

/* El velo que cierra la ventana rosa del heroe. Ver destilar.py y
   preview/granate-del-heroe.html. */
.arra-heroe-velo { position: absolute; inset: 0; pointer-events: none;
         background: linear-gradient(180deg,
             color-mix(in srgb, var(--wp--preset--color--burdeos-950) 62%, transparent) 0%,
             color-mix(in srgb, var(--wp--preset--color--burdeos-950) 48%, transparent) 38%,
             color-mix(in srgb, var(--wp--preset--color--burdeos-950) 22%, transparent) 62%,
             transparent 78%); }

/* m6 · La linea de proceso de «Como trabajamos». Ver destilar.py,
   proceso_en_linea(), y el catalogo en preview/catalogo.html. */
.arra-proceso { --arra-proceso-hueco: clamp(16px, 2.4vw, 30px);
         --arra-proceso-punto: 30px;
         list-style: none; margin: clamp(30px, 4vw, 46px) 0 0; padding: 0;
         display: grid; grid-auto-flow: column;
         grid-auto-columns: minmax(0, 1fr);
         column-gap: var(--arra-proceso-hueco); }
.arra-proceso__fase { position: relative; display: grid;
               grid-template-rows: var(--arra-proceso-punto) auto 1fr;
               row-gap: 12px; }
.arra-proceso__fase:not(:last-child)::before,
.arra-proceso__fase:not(:last-child)::after {
    content: ""; position: absolute;
    inset-block-start: calc(var(--arra-proceso-punto) / 2 - 1px);
    inset-inline-start: calc(var(--arra-proceso-punto) / 2);
    inline-size: calc(100% + var(--arra-proceso-hueco));
    block-size: 2px; }
.arra-proceso__fase::before { background: var(--arra-line); }
.arra-proceso__fase::after { background: var(--wp--preset--color--dorado-500);
                      transform: scaleX(0); transform-origin: left; }
.arra-proceso__punto { position: relative; z-index: 1;
                inline-size: var(--arra-proceso-punto); block-size: var(--arra-proceso-punto);
                border-radius: 50%; display: grid; place-items: center;
                background: var(--arra-linea-fuerte);
                color: var(--wp--preset--color--blanco);
                font-family: var(--font-display); font-weight: 500;
                font-size: 15px; }
.arra-proceso__fase:last-child .arra-proceso__punto {
    background: var(--wp--preset--color--dorado-700);
    color: var(--wp--preset--color--carbon-950); }
.arra-proceso__nombre { font-family: var(--font-display); font-weight: 500;
                 font-size: 18px; line-height: 1.2; margin: 0;
                 color: var(--fg); }
.arra-proceso__caja { background: var(--wp--preset--color--neutro-200);
               border: 1px solid var(--arra-line-soft);
               border-radius: var(--r-lg); padding: 18px 20px 20px; }
.arra-proceso__caja p { margin: 0; font-size: 15px; line-height: 1.6;
                 color: var(--fg-soft); }
.arra-proceso__pie { margin: 22px 0 0; font-size: 14px; line-height: 1.6;
              color: var(--wp--preset--color--tinta-300);
              max-inline-size: 72ch; }
.arra-proceso.in .arra-proceso__fase::after {
    animation: arra-proceso-traza 1400ms
               var(--wp--custom--movimiento--entrada-salida) forwards; }
.arra-proceso.in .arra-proceso__punto {
    animation: arra-proceso-hito 420ms
               var(--wp--custom--movimiento--salida) backwards; }
.arra-proceso.in .arra-proceso__fase:nth-child(1)::after { animation-delay: 140ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(2)::after { animation-delay: 1290ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(3)::after { animation-delay: 2440ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(4)::after { animation-delay: 3590ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(5)::after { animation-delay: 4740ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(6)::after { animation-delay: 5890ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(7)::after { animation-delay: 7040ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(8)::after { animation-delay: 8190ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(1) .arra-proceso__punto { animation-delay: 0ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(2) .arra-proceso__punto { animation-delay: 1150ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(3) .arra-proceso__punto { animation-delay: 2300ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(4) .arra-proceso__punto { animation-delay: 3450ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(5) .arra-proceso__punto { animation-delay: 4600ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(6) .arra-proceso__punto { animation-delay: 5750ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(7) .arra-proceso__punto { animation-delay: 6900ms; }
.arra-proceso.in .arra-proceso__fase:nth-child(8) .arra-proceso__punto { animation-delay: 8050ms; }
@keyframes arra-proceso-traza { to { transform: scaleX(1); } }
@keyframes arra-proceso-traza-v { to { transform: scaleY(1); } }
@keyframes arra-proceso-hito { from { transform: scale(0); opacity: 0; }
                               to   { transform: scale(1); opacity: 1; } }
@media (min-width: 1200px) {
  .arra-proceso.in .arra-proceso__fase:nth-child(1) { animation-delay: 0ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(2) { animation-delay: 1150ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(3) { animation-delay: 2300ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(4) { animation-delay: 3450ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(5) { animation-delay: 4600ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(6) { animation-delay: 5750ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(7) { animation-delay: 6900ms; }
  .arra-proceso.in .arra-proceso__fase:nth-child(8) { animation-delay: 8050ms; }
}
@media (max-width: 1199px) {
  .arra-proceso { grid-auto-flow: row; grid-template-columns: 1fr; }
  .arra-proceso__fase { grid-template-columns: var(--arra-proceso-punto)
                                        minmax(0, 30rem);
                 grid-template-rows: var(--arra-proceso-punto) auto;
                 column-gap: 16px; row-gap: 10px;
                 padding-block-end: 22px; }
  .arra-proceso__fase:last-child { padding-block-end: 0; }
  .arra-proceso__nombre { align-self: center; }
  .arra-proceso__caja { grid-column: 2; }
  .arra-proceso__fase:not(:last-child)::before,
  .arra-proceso__fase:not(:last-child)::after {
      inset-block-start: var(--arra-proceso-punto);
      inset-inline-start: calc(var(--arra-proceso-punto) / 2 - 1px);
      inline-size: 2px;
      block-size: calc(100% - var(--arra-proceso-punto)); }
  .arra-proceso__fase::after { transform: scaleY(0); transform-origin: top; }
  .arra-proceso.in .arra-proceso__fase::after { animation-name: arra-proceso-traza-v; }
  .arra-proceso.avanza-con-scroll .arra-proceso__fase::after,
  .arra-proceso.avanza-con-scroll.in .arra-proceso__fase::after {
      animation: none;
      transform: scaleY(var(--trazo, 0)); }
  .arra-proceso.avanza-con-scroll .arra-proceso__punto {
      animation: none;
      background: var(--wp--preset--color--neutro-400);
      color: var(--wp--preset--color--tinta-500);
      transition: background 320ms var(--wp--custom--movimiento--salida),
                  color 320ms var(--wp--custom--movimiento--salida); }
  .arra-proceso.avanza-con-scroll .alcanzada .arra-proceso__punto {
      background: var(--wp--preset--color--dorado-700);
      color: var(--wp--preset--color--blanco); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-proceso__fase::after { transform: none; }
  .arra-proceso.in .arra-proceso__fase::after,
  .arra-proceso.in .arra-proceso__punto { animation: none; }
}

/* m14 · Los puntos de la tesis, con los ticks encendiendose en
   cascada. Ver destilar.py, puntos_en_la_tesis(). */
.arra-ticks { list-style: none; display: grid; gap: 14px clamp(24px, 4vw, 54px);
         grid-template-columns: repeat(2, minmax(0, 1fr));
         max-inline-size: 760px; margin: clamp(26px, 3.4vw, 38px) auto 0;
         padding: 0; text-align: start; }
.arra-ticks__punto { display: flex; align-items: flex-start; gap: 12px;
                font-size: 15.5px; line-height: 1.5; color: var(--fg); }
.arra-ticks__marca { flex: none; inline-size: 22px; block-size: 22px;
                margin-block-start: 1px; border-radius: 50%;
                display: inline-flex; align-items: center;
                justify-content: center;
                background: var(--wp--preset--color--dorado-700);
                color: var(--wp--preset--color--blanco); }
.arra-ticks__marca svg { inline-size: 12px; block-size: 12px; }
.arra-ticks.in .arra-ticks__marca {
    animation: arra-tick-pop 400ms var(--wp--custom--movimiento--salida) backwards; }
.arra-ticks.in .arra-ticks__punto > span:last-child {
    animation: arra-tick-entra 500ms var(--wp--custom--movimiento--salida) backwards; }
.arra-ticks.in .arra-ticks__punto:nth-child(1) .arra-ticks__marca { animation-delay: 120ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(2) .arra-ticks__marca { animation-delay: 300ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(3) .arra-ticks__marca { animation-delay: 480ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(4) .arra-ticks__marca { animation-delay: 660ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(1) > span:last-child { animation-delay: 170ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(2) > span:last-child { animation-delay: 350ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(3) > span:last-child { animation-delay: 530ms; }
.arra-ticks.in .arra-ticks__punto:nth-child(4) > span:last-child { animation-delay: 710ms; }
@keyframes arra-tick-pop { from { transform: scale(0); opacity: 0; }
                           to   { transform: scale(1); opacity: 1; } }
@keyframes arra-tick-entra { from { transform: translateX(-10px); opacity: 0; }
                             to   { transform: none; opacity: 1; } }
@media (max-width: 719px) {
  .arra-ticks { grid-template-columns: 1fr; gap: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-ticks.in .arra-ticks__marca,
  .arra-ticks.in .arra-ticks__punto > span:last-child { animation: none; }
}

/* m5 · Los anillos orbitales detras del CTA de media pagina.
   Ver destilar.py, anillos_en_el_cta(). */
.arra-anillos.arra-anillos { position: relative; overflow: hidden;
    isolation: isolate; text-decoration: none;
    transition: transform var(--dur-base) var(--ease-out),
                box-shadow var(--dur-base) var(--ease-out); }
.arra-anillos > *:not(.arra-anillos__aro) { position: relative; z-index: 1; }
.arra-anillos__aro { position: absolute; z-index: 0; border-radius: 50%;
              pointer-events: none; }
.arra-anillos__aro--uno { inset-inline-end: -60px; inset-block-start: -60px;
                   inline-size: 220px; block-size: 220px;
                   border: 1px dashed color-mix(in srgb,
                       var(--wp--preset--color--blanco) 25%, transparent);
                   animation: arra-orbita 60s linear infinite; }
.arra-anillos__aro--dos { inset-inline-start: -50px; inset-block-end: -70px;
                   inline-size: 180px; block-size: 180px;
                   border: 1px dashed color-mix(in srgb,
                       var(--wp--preset--color--dorado-500) 42%, transparent);
                   animation: arra-orbita 90s linear infinite reverse; }
@keyframes arra-orbita { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .arra-anillos__aro { animation: none; }
}

/* El mazo de fichas del movil. Ver destilar.py, css_de_la_pila(),
   que explica por que no hay carril ni altura inventada. */
.arra-pila, .arra-pila__escenario { display: contents; }
.arra-pila__ficha { background: var(--wp--preset--color--neutro-200); }
.arra-fondo-suave .arra-pila__ficha { background: var(--wp--preset--color--blanco); }
@media (hover: hover) {
  .arra-pila__ficha > :first-child {
      transition: color var(--wp--custom--movimiento--base)
                  var(--wp--custom--movimiento--salida); }
  .arra-pila__ficha:hover > :first-child, .arra-pila__ficha:focus-visible > :first-child {
      color: var(--wp--preset--color--burdeos-700); }
}
@media (max-width: 719px) {
  .arra-pila.esta-apilada,
  .arra-pila.esta-apilada .arra-pila__escenario { display: block; }
  .arra-pila.esta-apilada .arra-pila__escenario > * + * {
      margin-block-start: 20px; }
  .arra-pila.esta-apilada .arra-pila__escenario > * {
      position: sticky;
      inset-block-start: var(--pila-arriba, 150px);
      box-sizing: border-box;
  }
  .arra-pila__titulo { position: sticky; inset-block-start: var(--pila-barra, 104px);
           z-index: 3; background: var(--arra-fondo-seccion);
           padding-block-end: 20px; }
  .arra-pila__titulo.esta-pegado {
      box-shadow: 0 calc(-1 * var(--pila-tapa, 0px)) 0
          var(--arra-fondo-seccion); }
  .arra-pila.esta-apilada .arra-pila__escenario > * > :first-child {
      transition: color 620ms var(--wp--custom--movimiento--salida); }
  .arra-pila.esta-apilada .arra-pila__escenario > .acaba-de-llegar > :first-child {
      color: var(--wp--preset--color--burdeos-700);
      transition-duration: 160ms; }
}

/* m2 en el titular del heroe. Ver destilar.py, css_de_la_rueda(). */
.arra-rueda { display: block; }
.arra-rueda__palabra:nth-child(1) { animation-delay: 0s; }
.arra-rueda__palabra:nth-child(2) { animation-delay: 3s; }
.arra-rueda__palabra:nth-child(3) { animation-delay: 6s; }
.arra-rueda__palabra:nth-child(4) { animation-delay: 9s; }
.arra-rueda__palabra:nth-child(5) { animation-delay: 12s; }
@supports selector(:has(*)) {
  h1:has(> .arra-rueda) {
      max-inline-size: 23ch;
      font-size: min(clamp(36px, 4.2vw, 56px),
                     calc((100vw - 40px) / 10.9)); }
}
.arra-rueda { overflow: clip; display: block;
    padding-block: 0; margin-block: -0.12em; }
.arra-rueda__pila { display: grid; }
.arra-rueda__palabra { display: block; grid-area: 1 / 1;
    align-self: stretch; padding-block: 0.12em;
    animation: arra-rueda-rodillo 15s
               var(--wp--custom--movimiento--entrada-salida)
               infinite both; }
@keyframes arra-rueda-rodillo {
  0%      { transform: translateY(100%); }
  4%, 20% { transform: translateY(0); }
  24%,100% { transform: translateY(-100%); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-rueda__palabra { animation: none; }
  .arra-rueda__palabra:not(:first-child) { visibility: hidden; }
}

/* El boton granate que cierra un bloque. Ver destilar.py,
   css_del_boton_solido(). */
.arra-cta-solido { display: inline-flex; align-items: center; gap: 10px;
             padding: 13px 22px; border-radius: 12px;
             background: var(--wp--preset--color--burdeos-900);
             color: var(--wp--preset--color--blanco); text-decoration: none;
             font-family: var(--font-body); font-size: 12.5px; font-weight: 500;
             letter-spacing: 0.12em; text-transform: uppercase;
             transition: background var(--wp--custom--movimiento--base)
                           var(--wp--custom--movimiento--salida); }
.arra-cta-solido:hover { background: var(--wp--preset--color--burdeos-700); }
.arra-cta-solido .arra-cta-flecha { inline-size: 16px; block-size: 16px; }

/* «Servicios» y «Sectores» abren el panel y no llevan a ningun sitio:
   son grupos del menu, no paginas. Ver destilar.py, marca_desplegables(). */
[data-arra-disparador] { cursor: default; }

/* Capacidades: filas con filete, no tarjetas. Ver destilar.py. */
.arra-capacidades { padding-block-end: var(--section-pad-y); }
.arra-capacidades-cabecera { max-inline-size: 46ch; margin-block-end: 44px; }
.arra-capacidades-h2 { margin: 10px 0 14px; }
.arra-capacidades-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-capacidades-lista { list-style: none; margin: 0; padding: 0;
               border-block-start: 1px solid var(--arra-line-soft); }
.arra-capacidades-fila { display: grid; gap: 6px 22px; align-items: start;
              grid-template-columns: auto minmax(0, 15rem) minmax(0, 1fr);
              padding-block: 22px;
              border-block-end: 1px solid var(--arra-line-soft);
              transition: background var(--wp--custom--movimiento--base)
                          var(--wp--custom--movimiento--salida); }
.arra-capacidades-icono { display: block; inline-size: 31.2px; block-size: 31.2px;
               translate: 0 1px;
               color: var(--corp);
               transition: color var(--wp--custom--movimiento--base)
                           var(--wp--custom--movimiento--salida); }
.arra-capacidades-icono svg { inline-size: 100%; block-size: 100%;
                   display: block; }
.arra-capacidades-icono path { stroke-dasharray: 1; stroke-dashoffset: 0;
    transition: stroke-dashoffset 1176ms
                var(--wp--custom--movimiento--salida);
    transition-delay: calc(500ms
                           + (sibling-index() - 1) * 154ms); }
.js-motion .arra-capacidades-fila:not(.in) .arra-capacidades-icono path {
    stroke-dashoffset: 1; }
.arra-capacidades-titulo { margin: 0; font-size: 21px; line-height: 1.3; }
.arra-capacidades-texto { margin: 0; color: var(--fg-soft); line-height: 1.7;
               font-size: 15.5px; max-inline-size: 62ch; }
@media (hover: hover) {
  .arra-capacidades-fila:hover { background: var(--wp--preset--color--neutro-100); }
  .arra-capacidades-fila:hover .arra-capacidades-icono { color: var(--gold); }
}
@media (max-width: 859px) {
  .arra-capacidades-fila { grid-template-columns: auto minmax(0, 1fr);
                gap: 8px 14px; padding-block: 20px; }
  .arra-capacidades-icono { inline-size: 26.4px; block-size: 26.4px; }
  .arra-capacidades-texto { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-capacidades-icono { transition: none; }
  .arra-capacidades-icono path { transition: none; stroke-dashoffset: 0; }
}

/* Situaciones: la lista numerada y la cabecera pegada. Ver destilar.py. */
.arra-situaciones { padding-block-end: var(--section-pad-y); }
.arra-situaciones-caja { display: grid; gap: 40px; align-items: start;
              grid-template-columns: minmax(0, 1fr); }
.arra-situaciones-cabecera { max-inline-size: 34ch; }
.arra-situaciones-h2 { margin: 10px 0 14px; }
.arra-situaciones-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
@media (min-width: 900px) {
  .arra-situaciones-caja { grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
                gap: 64px; }
  .arra-situaciones-cabecera { position: sticky; inset-block-start: 118px; }
}
.arra-situaciones-lista { list-style: none; margin: 0; padding: 0;
               border-block-start: 1px solid var(--arra-line); }
.arra-situaciones-fila { border-block-end: 1px solid var(--arra-line);
              display: grid; gap: 4px 28px; align-items: baseline;
              grid-template-columns: minmax(0, 1fr);
              padding-block: 20px; position: relative; }
.arra-situaciones-titulo { margin: 0; font-size: clamp(19px, 2.1vw, 25px);
                line-height: 1.25; letter-spacing: -0.01em; }
.arra-situaciones-texto { margin: 4px 0 0; color: var(--fg-soft);
               line-height: 1.65; font-size: 15px;
               max-inline-size: 58ch; }
@media (min-width: 1040px) {
  .arra-situaciones-fila { grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); }
  .arra-situaciones-texto { margin: 0; }
}
.arra-situaciones-fila::after { content: ""; position: absolute;
                     inset-inline: 0; inset-block-end: -1px;
                     block-size: 1px; background: var(--gold);
                     transform: scaleX(0); transform-origin: left;
                     transition: transform
                       var(--wp--custom--movimiento--muy-lento)
                       var(--wp--custom--movimiento--entrada-salida); }
@media (hover: hover) {
  .arra-situaciones-fila:hover::after { transform: scaleX(1); }
  .arra-situaciones-fila:hover .arra-situaciones-titulo { color: var(--corp); }
}
@media (min-width: 860px) {
  .js-motion .arra-situaciones-fila.arra-reveal.in {
      animation: arra-situaciones-flota 900ms
          var(--wp--custom--movimiento--salida) both;
      animation-delay: var(--arra-delay, 0ms); }
}
@keyframes arra-situaciones-flota {
  from { opacity: 0; transform: translateY(26px); }
  62% { opacity: 1; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .js-motion .arra-situaciones-fila.arra-reveal.in { animation: none; }
}
.arra-situaciones-titulo { transition: color var(--wp--custom--movimiento--base)
                            var(--wp--custom--movimiento--salida); }
.arra-situaciones-cta { margin-block-start: 26px; }
.arra-situaciones-enlace { display: contents; color: inherit;
                text-decoration: none; }
.arra-situaciones-enlace .arra-cta-flecha { inline-size: 18px;
                                 block-size: 18px; color: var(--corp);
                                 margin-block-start: 8px; }
@media (prefers-reduced-motion: reduce) {
  .arra-situaciones-fila::after { transition: none; }
}

/* Corporate Intelligence: tres bloques editoriales. Ver destilar.py. */
.arra-insights { padding-block-end: var(--section-pad-y); }
.arra-insights-cabecera { max-inline-size: 48ch; margin-block-end: 40px; }
.arra-insights-h2 { margin: 10px 0 14px; }
.arra-insights-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-insights-pie { margin-block-start: 26px; }
.arra-insights-rejilla { display: grid; gap: 0 40px;
                 grid-template-columns: repeat(auto-fit,
                                        minmax(min(17rem, 100%), 1fr)); }
.arra-insights-ficha { padding-block: 24px 30px;
               border-block-start: 2px solid var(--wp--preset--color--dorado-700); }
.arra-insights-titulo { margin: 0 0 8px; font-size: 22px; line-height: 1.3; }
.arra-insights-texto { margin: 0; color: var(--fg-soft); line-height: 1.7;
               font-size: 15.5px; }
.arra-insights-enlace { display: block; color: inherit; text-decoration: none; }

/* Las formas del grafico. Salen de las tuplas de destilar.py,
   no de un estilo en linea: el tema no los lleva. */
.arra-cuadro-par:nth-child(1) .arra-cuadro-barra--pre { block-size: 52%; }
.arra-cuadro-par:nth-child(2) .arra-cuadro-barra--pre { block-size: 58%; }
.arra-cuadro-par:nth-child(3) .arra-cuadro-barra--pre { block-size: 55%; }
.arra-cuadro-par:nth-child(4) .arra-cuadro-barra--pre { block-size: 64%; }
.arra-cuadro-par:nth-child(5) .arra-cuadro-barra--pre { block-size: 70%; }
.arra-cuadro-par:nth-child(6) .arra-cuadro-barra--pre { block-size: 66%; }
.arra-cuadro-par:nth-child(7) .arra-cuadro-barra--pre { block-size: 60%; }
.arra-cuadro-par:nth-child(8) .arra-cuadro-barra--pre { block-size: 54%; }
.arra-cuadro-par:nth-child(9) .arra-cuadro-barra--pre { block-size: 68%; }
.arra-cuadro-par:nth-child(10) .arra-cuadro-barra--pre { block-size: 72%; }
.arra-cuadro-par:nth-child(11) .arra-cuadro-barra--pre { block-size: 75%; }
.arra-cuadro-par:nth-child(12) .arra-cuadro-barra--pre { block-size: 80%; }
.arra-cuadro-par:nth-child(1) .arra-cuadro-barra--real { block-size: 46%; }
.arra-cuadro-par:nth-child(2) .arra-cuadro-barra--real { block-size: 61%; }
.arra-cuadro-par:nth-child(3) .arra-cuadro-barra--real { block-size: 58%; }
.arra-cuadro-par:nth-child(4) .arra-cuadro-barra--real { block-size: 59%; }
.arra-cuadro-par:nth-child(5) .arra-cuadro-barra--real { block-size: 74%; }
.arra-cuadro-par:nth-child(6) .arra-cuadro-barra--real { block-size: 72%; }
.arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 78%; }
.arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 61%; }
.arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 44%; }
.arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 30%; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 62%; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 48%; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 40%; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 26%; }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 66%; }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 52%; }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 38%; }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 28%; }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 70%; }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 55%; }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 42%; }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 27%; }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 72%; }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 58%; }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 41%; }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 30%; }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 76%; }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 60%; }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 43%; }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 29%; }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 78%; }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 61%; }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 44%; }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 30%; }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 74%; }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 63%; }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 46%; }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 31%; }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 70%; }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 60%; }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 45%; }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 33%; }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 77%; }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 64%; }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 47%; }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 32%; }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 80%; }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 66%; }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 49%; }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 34%; }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 82%; }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 67%; }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 50%; }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 33%; }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { inline-size: 85%; }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { inline-size: 70%; }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { inline-size: 52%; }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { inline-size: 36%; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-par:nth-child(1) { opacity: 1; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-meses > :nth-child(1) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-par:nth-child(1) .arra-cuadro-barra--real {
    background: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-escena[data-mes="1"] .arra-cuadro-par:nth-child(1) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--carbon-950); }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-par:nth-child(2) { opacity: 1; }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-meses > :nth-child(2) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-par:nth-child(2) .arra-cuadro-barra--real {
    background: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-escena[data-mes="2"] .arra-cuadro-par:nth-child(2) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--carbon-950); }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-par:nth-child(3) { opacity: 1; }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-meses > :nth-child(3) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-par:nth-child(3) .arra-cuadro-barra--real {
    background: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-escena[data-mes="3"] .arra-cuadro-par:nth-child(3) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--carbon-950); }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-par:nth-child(4) { opacity: 1; }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-meses > :nth-child(4) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-par:nth-child(4) .arra-cuadro-barra--real {
    background: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-escena[data-mes="4"] .arra-cuadro-par:nth-child(4) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--carbon-950); }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-par:nth-child(5) { opacity: 1; }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-meses > :nth-child(5) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-par:nth-child(5) .arra-cuadro-barra--real {
    background: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-escena[data-mes="5"] .arra-cuadro-par:nth-child(5) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--carbon-950); }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-par:nth-child(6) { opacity: 1; }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-meses > :nth-child(6) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-par:nth-child(6) .arra-cuadro-barra--real {
    background: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-escena[data-mes="6"] .arra-cuadro-par:nth-child(6) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--carbon-950); }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-par:nth-child(7) { opacity: 1; }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-meses > :nth-child(7) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="7"] .arra-cuadro-par:nth-child(7) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--dorado-700); }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-par:nth-child(8) { opacity: 1; }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-meses > :nth-child(8) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="8"] .arra-cuadro-par:nth-child(8) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--dorado-700); }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-par:nth-child(9) { opacity: 1; }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-meses > :nth-child(9) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="9"] .arra-cuadro-par:nth-child(9) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--dorado-700); }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-par:nth-child(10) { opacity: 1; }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-meses > :nth-child(10) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="10"] .arra-cuadro-par:nth-child(10) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--dorado-700); }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-par:nth-child(11) { opacity: 1; }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-meses > :nth-child(11) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="11"] .arra-cuadro-par:nth-child(11) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--dorado-700); }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-par:nth-child(12) { opacity: 1; }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-meses > :nth-child(12) {
    color: var(--fg); font-weight: 600; }
.arra-cuadro-escena[data-mes="12"] .arra-cuadro-par:nth-child(12) .arra-cuadro-barra--pre {
    border-color: var(--wp--preset--color--dorado-700); }

/* El informe de direccion de /corporate/cfo-externo/, como escena.
   Ver destilar.py, bloque_del_cuadro_de_mando(). */
.arra-cuadro { padding-block-end: var(--section-pad-y); }
.arra-cuadro-cabecera { max-inline-size: 48ch; margin-block-end: 36px; }
.arra-cuadro-h2 { margin: 10px 0 14px; }
.arra-cuadro-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-cuadro-panel { margin: 0; }
.arra-cuadro-plano { position: relative; overflow: hidden;
    background: var(--arra-bg-subtle); border-radius: var(--r-xl);
    padding: 22px; display: grid; gap: 16px; }
.arra-cuadro-pie { margin: 14px 0 0; font-size: 13.5px; line-height: 1.6;
    color: var(--wp--preset--color--tinta-500); }
.arra-cuadro-entregables { list-style: none; margin: 22px 0 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline;
    font-size: 14.5px; line-height: 1.5; color: var(--fg); }
.arra-cuadro-entregables > li { position: relative; padding-inline-start: 16px; }
.arra-cuadro-entregables > li::before { content: ""; position: absolute;
    inset-inline-start: 0; inset-block-start: 0.55em; inline-size: 7px;
    block-size: 7px; border-radius: 50%;
    background: var(--wp--preset--color--dorado-700); }
.arra-cuadro-entregables > .arra-cuadro-entregables-lema { padding-inline-start: 0;
    font-family: var(--font-display); font-weight: 500; font-size: 11.5px;
    letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--wp--preset--color--burdeos-900); }
.arra-cuadro-entregables > .arra-cuadro-entregables-lema::before { display: none; }
.arra-cuadro-hoja { background: var(--wp--preset--color--blanco);
    border-radius: var(--r-lg); padding: 18px 20px 20px;
    box-shadow: var(--shadow-badge); --giro: 0deg; position: relative; }
.arra-cuadro-titulares { display: flex; flex-wrap: wrap; gap: 6px 12px;
    align-items: baseline; margin-block-end: 12px; }
.arra-cuadro-rotulo { font-family: var(--font-display); font-weight: 500;
    font-size: 15px; color: var(--fg); }
.arra-cuadro-periodo { font-size: 11px; letter-spacing: 0.14em;
    text-transform: uppercase; color: var(--fg-soft); }
.arra-cuadro-pieza-texto { margin: -4px 0 14px; font-size: 13px;
    line-height: 1.55; color: var(--fg-soft); }
.arra-cuadro-grafico { display: grid; gap: 4px; grid-auto-flow: column;
    grid-auto-columns: 1fr; block-size: 130px; align-items: end;
    padding-inline-start: 8px;
    border-inline-start: 1px solid var(--arra-line);
    border-block-end: 1px solid var(--arra-line);
    background-image: linear-gradient(to top, var(--arra-line-soft) 1px,
        transparent 1px);
    background-size: 100% 33.34%; background-position: 0 -1px; }
.arra-cuadro-meses { display: grid; grid-auto-flow: column;
    grid-auto-columns: 1fr; gap: 4px; padding-inline-start: 9px;
    margin-block-start: 6px; }
.arra-cuadro-meses > * { text-align: center;
    transition: color 320ms var(--wp--custom--movimiento--salida); }
.arra-cuadro-par { display: grid; block-size: 100%; align-items: end;
    transition: opacity 320ms var(--wp--custom--movimiento--salida); }
.arra-cuadro-barras { display: flex; gap: 2px; align-items: flex-end;
    block-size: 100%; inline-size: 100%; justify-content: center; }
.arra-cuadro-barra { display: block; inline-size: 46%; max-inline-size: 14px;
    border-radius: 3px 3px 0 0; transform-origin: bottom;
    transition: background-color 320ms var(--wp--custom--movimiento--salida),
        border-color 320ms var(--wp--custom--movimiento--salida); }
.arra-cuadro-barra--pre { background: transparent;
    border: 1.5px solid var(--wp--preset--color--tinta-500);
    border-block-end: 0; }
.arra-cuadro-barra--real { background: var(--wp--preset--color--burdeos-700); }
.arra-cuadro-escena[data-mes] .arra-cuadro-par { opacity: 0.45; }
.arra-cuadro-mes, .arra-cuadro-mes12 { font-size: 10.5px; letter-spacing: 0.1em;
    color: var(--wp--preset--color--tinta-500); }
.arra-cuadro-leyenda { display: flex; gap: 16px; margin: 12px 0 0;
    font-size: 12px; color: var(--fg-soft); }
.arra-cuadro-clave { display: inline-flex; align-items: center; gap: 6px; }
.arra-cuadro-clave::before { content: ""; inline-size: 10px; block-size: 10px;
    border-radius: 2px; }
.arra-cuadro-clave--pre::before { background: transparent;
    border: 1.5px solid var(--wp--preset--color--tinta-500); }
.arra-cuadro-clave--real::before { background: var(--wp--preset--color--burdeos-700); }
.arra-cuadro-clave--cerrado::before { border-radius: 1px; block-size: 2px;
    background: var(--wp--preset--color--burdeos-700); }
.arra-cuadro-clave--previsto::before { border-radius: 0; block-size: 0;
    border-block-start: 2px dashed var(--wp--preset--color--dorado-700); }
.arra-cuadro-margenes { display: grid; gap: 10px; }
.arra-cuadro-fila-margen { display: grid; grid-template-columns: 4.6em minmax(0, 1fr);
    gap: 10px; align-items: center; }
.arra-cuadro-linea { font-size: 10.5px; letter-spacing: 0.08em;
    color: var(--wp--preset--color--tinta-500); white-space: nowrap; }
.arra-cuadro-pista { display: block; block-size: 14px; padding-block: 2px;
    border-inline-start: 1px solid var(--arra-line);
    background-image: linear-gradient(to right, transparent
        calc(100% - 1px), var(--arra-line-soft) calc(100% - 1px));
    background-size: 25% 100%; }
.arra-cuadro-margen { display: block; block-size: 10px; border-radius: 0 5px 5px 0;
    transform-origin: left; background: var(--wp--preset--color--dorado-700);
    transition: inline-size 520ms var(--wp--custom--movimiento--entrada-salida); }
.arra-cuadro-fila-margen:nth-child(even) .arra-cuadro-margen {
    background: var(--wp--preset--color--dorado-500); }
.arra-cuadro-caja { position: relative; block-size: 128px;
    padding-block-end: 8px;
    border-block-end: 1px solid var(--arra-line);
    border-inline-start: 1px solid var(--arra-line);
    background-image: linear-gradient(to top, var(--arra-line-soft) 1px,
        transparent 1px);
    background-size: 100% 33.34%; background-position: 0 -9px;
    --x: 45.4545%; --y: 48%; }
.arra-cuadro-svg { display: block; inline-size: 100%; block-size: 100%;
    overflow: visible; }
.arra-cuadro-trazo { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke;
    stroke: var(--wp--preset--color--burdeos-700); stroke-linecap: round;
    stroke-linejoin: round; }
.arra-cuadro-trazo--previsto { stroke: var(--wp--preset--color--dorado-700);
    stroke-dasharray: 1 0.8; }
.arra-cuadro-meses12 { position: relative; block-size: 1.2em;
    margin-block-start: 6px; }
.arra-cuadro-mes12 { position: absolute; inset-block-start: 0;
    transform: translateX(-50%); }
.arra-cuadro-mes12:nth-child(1) { inset-inline-start: 0.0000%; }
.arra-cuadro-mes12:nth-child(2) { inset-inline-start: 9.0909%; }
.arra-cuadro-mes12:nth-child(3) { inset-inline-start: 18.1818%; }
.arra-cuadro-mes12:nth-child(4) { inset-inline-start: 27.2727%; }
.arra-cuadro-mes12:nth-child(5) { inset-inline-start: 36.3636%; }
.arra-cuadro-mes12:nth-child(6) { inset-inline-start: 45.4545%; }
.arra-cuadro-mes12:nth-child(7) { inset-inline-start: 54.5455%; }
.arra-cuadro-mes12:nth-child(8) { inset-inline-start: 63.6364%; }
.arra-cuadro-mes12:nth-child(9) { inset-inline-start: 72.7273%; }
.arra-cuadro-mes12:nth-child(10) { inset-inline-start: 81.8182%; }
.arra-cuadro-mes12:nth-child(11) { inset-inline-start: 90.9091%; }
.arra-cuadro-mes12:nth-child(12) { inset-inline-start: 100.0000%; }
.arra-cuadro-cruz { position: absolute; inset-block: 0 8px;
    inset-inline-start: var(--x); inline-size: 1px; pointer-events: none;
    background: color-mix(in srgb, var(--wp--preset--color--carbon-950) 26%,
                          transparent);
    transition: inset-inline-start 420ms var(--wp--custom--movimiento--entrada-salida); }
.arra-cuadro-cruz-punto { position: absolute; inset-block-start: var(--y);
    inset-inline-start: 0; inline-size: 10px; block-size: 10px;
    border-radius: 50%; transform: translate(-50%, -50%);
    background: var(--wp--preset--color--blanco);
    border: 2px solid var(--wp--preset--color--burdeos-700);
    transition: inset-block-start 420ms var(--wp--custom--movimiento--entrada-salida); }
.arra-cuadro-cruz-etiqueta { position: absolute; inset-block-start: 0;
    inset-inline-start: 10px; display: grid; gap: 1px;
    padding: 6px 9px; border-radius: 8px; white-space: nowrap;
    background: var(--wp--preset--color--carbon-950);
    color: var(--wp--preset--color--blanco); font-size: 11px;
    line-height: 1.2; }
.arra-cuadro-cruz-estado { font-weight: 600; font-size: 11.5px; }
.arra-cuadro-cruz-mes { color: color-mix(in srgb, var(--wp--preset--color--blanco) 72%,
                                   transparent); }
.arra-cuadro-caja.a-la-derecha .arra-cuadro-cruz-etiqueta {
    inset-inline-start: auto; inset-inline-end: 10px; }
.arra-cuadro-caja.es-previsto .arra-cuadro-cruz-punto {
    border-color: var(--wp--preset--color--dorado-700); }
.arra-cuadro-caja.es-previsto .arra-cuadro-cruz-estado {
    color: var(--wp--preset--color--dorado-300); }
.arra-cuadro-recorrido { position: absolute; inset: 0; inline-size: 100%;
    block-size: 100%; margin: 0; opacity: 0; cursor: crosshair;
    -webkit-appearance: none; appearance: none; touch-action: pan-y; }
.arra-cuadro-recorrido:focus-visible + .arra-cuadro-cruz,
.arra-cuadro-caja:has(.arra-cuadro-recorrido:focus-visible) .arra-cuadro-cruz-punto {
    outline: 2px solid var(--wp--preset--color--dorado-700);
    outline-offset: 3px; }
.arra-cuadro-cursor { position: absolute; display: none;
    align-items: flex-start; gap: 2px; pointer-events: none;
    z-index: 3; --cx: 0px; --cy: 0px; opacity: 0;
    inset-inline-start: var(--cx); inset-block-start: var(--cy);
    transition: inset-inline-start 420ms var(--wp--custom--movimiento--entrada-salida),
        inset-block-start 420ms var(--wp--custom--movimiento--entrada-salida),
        opacity 360ms var(--wp--custom--movimiento--salida); }
.arra-cuadro-escena.esta-viva .arra-cuadro-cursor { opacity: 1; }
.arra-cuadro-flecha { inline-size: 0; block-size: 0;
    border-inline-start: 7px solid transparent;
    border-inline-end: 7px solid transparent;
    border-block-end: 14px solid var(--wp--preset--color--burdeos-900);
    transform: rotate(-35deg); }
.arra-cuadro-quien { margin: 6px 0 0 -2px; padding: 4px 9px;
    border-radius: 999px; font-size: 11.5px; font-weight: 600;
    letter-spacing: 0.02em; color: var(--wp--preset--color--blanco);
    background: var(--wp--preset--color--burdeos-900);
    box-shadow: var(--shadow-badge); }
@media (min-width: 760px) {
  .arra-cuadro-plano { display: block; block-size: 560px; }
  .arra-cuadro-hoja { position: absolute; }
  .arra-cuadro-hoja--barras { inset-inline-start: 4%; inset-block-start: 26px;
      inline-size: 50%; --paso: 58px; }
  .arra-cuadro-hoja--margen { inset-inline-end: 4%; inset-block-start: 40px;
      inline-size: 36%; --paso: 78px; }
  .arra-cuadro-hoja--caja { inset-inline-start: 22%; inset-block-end: 22px;
      inline-size: 58%; --paso: 104px; }
  .arra-cuadro-cursor { display: flex; }
}
@media (min-width: 1100px) {
  .arra-cuadro-plano { block-size: 520px; }
  .arra-cuadro-hoja--barras { inline-size: 44%; }
  .arra-cuadro-hoja--margen { inline-size: 32%; inset-inline-end: 6%; }
  .arra-cuadro-hoja--caja { inline-size: 52%; inset-inline-start: 26%; }
}
.arra-cuadro-hoja { transition: opacity 520ms var(--wp--custom--movimiento--salida),
    transform 520ms var(--wp--custom--movimiento--salida); }
.arra-cuadro-barra { transition: transform 620ms
    var(--wp--custom--movimiento--entrada-salida) 560ms,
    background-color 320ms var(--wp--custom--movimiento--salida),
    border-color 320ms var(--wp--custom--movimiento--salida); }
.arra-cuadro-margen { transition: transform 620ms
    var(--wp--custom--movimiento--entrada-salida) 560ms,
    inline-size 520ms var(--wp--custom--movimiento--entrada-salida); }
.arra-cuadro-trazo { clip-path: inset(0 0 0 0);
    transition: clip-path 1100ms
    var(--wp--custom--movimiento--entrada-salida) 640ms; }
.arra-cuadro-trazo--previsto { stroke-dasharray: 1 0.8;
    transition: opacity 520ms linear 1500ms; }
.js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-hoja,
.js-motion .arra-cuadro-panel:not(.esta-viva) .arra-cuadro-hoja { opacity: 0;
    transform: translateY(var(--paso, 26px)) rotate(0deg); }
.js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-barra { transform: scaleY(0); }
.js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-margen { transform: scaleX(0); }
.js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-trazo { clip-path: inset(0 100% 0 0); }
.js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-trazo--previsto { opacity: 0; }
.js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-cruz { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .arra-cuadro-hoja, .arra-cuadro-barra, .arra-cuadro-margen, .arra-cuadro-trazo,
  .arra-cuadro-trazo--previsto, .arra-cuadro-cruz, .arra-cuadro-cruz-punto, .arra-cuadro-cursor,
  .arra-cuadro-par, .arra-cuadro-meses > * { transition: none; }
  .js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-hoja,
  .js-motion .arra-cuadro-panel:not(.esta-viva) .arra-cuadro-hoja { opacity: 1;
      transform: rotate(var(--giro)); }
  .js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-barra,
  .js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-margen { transform: none; }
  .js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-trazo { clip-path: inset(0 0 0 0); }
  .js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-trazo--previsto,
  .js-motion .arra-cuadro-panel:not(.in) .arra-cuadro-cruz { opacity: 1; }
}
.arra-cuadro-hoja:nth-child(1) { transition-delay: 100ms; }
.arra-cuadro-hoja:nth-child(2) { transition-delay: 250ms; }
.arra-cuadro-hoja:nth-child(3) { transition-delay: 400ms; }
.arra-cuadro-par:nth-child(1) .arra-cuadro-barra { transition-delay: 560ms; }
.arra-cuadro-par:nth-child(2) .arra-cuadro-barra { transition-delay: 610ms; }
.arra-cuadro-par:nth-child(3) .arra-cuadro-barra { transition-delay: 660ms; }
.arra-cuadro-par:nth-child(4) .arra-cuadro-barra { transition-delay: 710ms; }
.arra-cuadro-par:nth-child(5) .arra-cuadro-barra { transition-delay: 760ms; }
.arra-cuadro-par:nth-child(6) .arra-cuadro-barra { transition-delay: 810ms; }
.arra-cuadro-par:nth-child(7) .arra-cuadro-barra { transition-delay: 860ms; }
.arra-cuadro-par:nth-child(8) .arra-cuadro-barra { transition-delay: 910ms; }
.arra-cuadro-par:nth-child(9) .arra-cuadro-barra { transition-delay: 960ms; }
.arra-cuadro-par:nth-child(10) .arra-cuadro-barra { transition-delay: 1010ms; }
.arra-cuadro-par:nth-child(11) .arra-cuadro-barra { transition-delay: 1060ms; }
.arra-cuadro-par:nth-child(12) .arra-cuadro-barra { transition-delay: 1110ms; }
.arra-cuadro-fila-margen:nth-child(1) .arra-cuadro-margen { transition-delay: 560ms; }
.arra-cuadro-fila-margen:nth-child(2) .arra-cuadro-margen { transition-delay: 630ms; }
.arra-cuadro-fila-margen:nth-child(3) .arra-cuadro-margen { transition-delay: 700ms; }
.arra-cuadro-fila-margen:nth-child(4) .arra-cuadro-margen { transition-delay: 770ms; }

/* Las tres capas del CFO sobre su base: la piramide escalonada.
   Ver destilar.py, capas_sobre_la_base() y css_de_las_capas(). */
.arra-capas { display: grid; gap: 30px; margin-block-start: 34px; }
.arra-capas-escena { container-type: inline-size; inline-size: 100%;
            max-inline-size: 440px; margin-inline: auto; }
.arra-capas-vista { position: relative; block-size: 78cqw; }
.arra-capas-plano { position: absolute; inline-size: 62cqw; block-size: 62cqw;
           inset-inline-start: 50%; inset-block-start: 57%;
           translate: -50% -50%;
           transform: rotateX(60deg) rotateZ(-45deg);
           transform-style: preserve-3d; }
.arra-capas-placa { position: absolute; --z: 0cqw;
           transform: translateZ(var(--z));
           transform-style: preserve-3d;
           transition: transform 700ms var(--wp--custom--movimiento--entrada-salida); }
.arra-capas-placa::before, .arra-capas-placa::after { content: ""; position: absolute;
           inset: 0; }
.arra-capas-placa::before { transform: translateZ(-4cqw); }
.arra-capas-placa::after { box-shadow: inset 0 0 0 2px var(--wp--preset--color--dorado-500); opacity: 0;
           transition: opacity 420ms var(--wp--custom--movimiento--salida); }
.arra-capas-placa--base { inset: 0; background: var(--wp--preset--color--neutro-200); }
.arra-capas-placa--base::before { background: var(--wp--preset--color--dorado-700); }
.arra-capas-placa--3 { inset: 5cqw 5cqw 11cqw 11cqw; --z: 7cqw; background: var(--wp--preset--color--burdeos-500); }
.arra-capas-placa--3::before { background: var(--wp--preset--color--burdeos-700); }
.arra-capas-placa--2 { inset: 8cqw 8cqw 18cqw 18cqw; --z: 14cqw; background: var(--wp--preset--color--burdeos-700); }
.arra-capas-placa--2::before { background: var(--wp--preset--color--burdeos-900); }
.arra-capas-placa--1 { inset: 11cqw 11cqw 25cqw 25cqw; --z: 21cqw; background: var(--wp--preset--color--burdeos-900); }
.arra-capas-placa--1::before { background: var(--wp--preset--color--burdeos-950); }
.arra-capas-marca { position: absolute; inset-inline-start: 50%; inset-block-end: 0;
           translate: -50% 50%;
           transform: rotateZ(45deg) rotateX(-60deg) translateZ(40cqw);
           font-family: var(--font-display); font-weight: 500;
           font-size: 11px; line-height: 1; letter-spacing: 0.14em;
           text-transform: uppercase; white-space: nowrap;
           color: var(--wp--preset--color--blanco); }
.arra-capas-placa--base .arra-capas-marca { color: var(--fg); }
.arra-capas-placa--1 .arra-capas-marca { color: var(--wp--preset--color--dorado-300); }
.arra-capas-lista { list-style: none; margin: 0; padding: 0; display: grid; }
.arra-capas-capa { position: relative; display: grid;
          grid-template-columns: 22px minmax(0, 1fr);
          column-gap: 14px; row-gap: 5px; align-items: start;
          padding-block: 18px 20px;
          border-block-start: 1px solid var(--arra-line-soft);
          transition: opacity 640ms var(--wp--custom--movimiento--salida), transform 640ms var(--wp--custom--movimiento--salida); }
.arra-capas-capa:first-child { border-block-start: 0; padding-block-start: 0; }
.arra-capas-muestra { grid-row: 1 / span 2; margin-block-start: 6px;
             inline-size: 22px; block-size: 13px;
             clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
             background: var(--wp--preset--color--burdeos-700); }
.arra-capas-capa--1 .arra-capas-muestra { background: var(--wp--preset--color--burdeos-900); }
.arra-capas-capa--3 .arra-capas-muestra { background: var(--wp--preset--color--burdeos-500); }
.arra-capas-capa--base .arra-capas-muestra { background: var(--wp--preset--color--dorado-700); }
.arra-capas-titulo { position: relative; justify-self: start; margin: 0;
            font-family: var(--font-display); font-weight: 500;
            font-size: 18px; line-height: 1.25; color: var(--fg); }
.arra-capas-titulo::after { content: ""; position: absolute; inset-inline: 0;
            inset-block-end: -5px; block-size: 2px; background: var(--wp--preset--color--dorado-500);
            transform: scaleX(0); transform-origin: 0 50%;
            transition: transform 420ms var(--wp--custom--movimiento--entrada-salida); }
.arra-capas-texto { margin: 0; font-size: 15px; line-height: 1.65;
           color: var(--fg-soft); max-inline-size: 54ch; }
.arra-capas-capa--base .arra-capas-titulo { font-size: 15px; letter-spacing: 0.02em; }
.arra-capas-capa--base .arra-capas-texto { font-size: 14.5px; }
.arra-capas:has(.arra-capas-capa--1:hover) .arra-capas-placa--1 {
    transform: translateZ(calc(var(--z) + 3cqw)); }
.arra-capas:has(.arra-capas-capa--1:hover) .arra-capas-placa--1::after {
    opacity: 1; }
.arra-capas:has(.arra-capas-capa--2:hover) .arra-capas-placa--2 {
    transform: translateZ(calc(var(--z) + 3cqw)); }
.arra-capas:has(.arra-capas-capa--2:hover) .arra-capas-placa--2::after {
    opacity: 1; }
.arra-capas:has(.arra-capas-capa--3:hover) .arra-capas-placa--3 {
    transform: translateZ(calc(var(--z) + 3cqw)); }
.arra-capas:has(.arra-capas-capa--3:hover) .arra-capas-placa--3::after {
    opacity: 1; }
.arra-capas:has(.arra-capas-capa--base:hover) .arra-capas-placa--base {
    transform: translateZ(calc(var(--z) + 3cqw)); }
.arra-capas:has(.arra-capas-capa--base:hover) .arra-capas-placa--base::after {
    opacity: 1; }
.arra-capas-capa:hover .arra-capas-titulo::after { transform: scaleX(1); }
.js-motion .arra-capas:not(.in) .arra-capas-placa { opacity: 0; }
.js-motion .arra-capas.in .arra-capas-placa--base { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 0ms backwards; }
.js-motion .arra-capas.in .arra-capas-placa--3 { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 240ms backwards; }
.js-motion .arra-capas.in .arra-capas-placa--2 { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 480ms backwards; }
.js-motion .arra-capas.in .arra-capas-placa--1 { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 720ms backwards; }
@keyframes arra-capas-entra {
  from { opacity: 0; transform: translateZ(calc(var(--z) + 18cqw)); }
}
.js-motion .arra-capas:not(.in) .arra-capas-capa { opacity: 0; transform: translateY(14px); }
.arra-capas-capa:nth-child(1) { transition-delay: 420ms; }
.arra-capas-capa:nth-child(2) { transition-delay: 530ms; }
.arra-capas-capa:nth-child(3) { transition-delay: 640ms; }
.arra-capas-capa:nth-child(4) { transition-delay: 750ms; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-placa--3 { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 240ms backwards, arra-capas-turno 9s var(--wp--custom--movimiento--entrada-salida) 1.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-placa--3::after { animation: arra-capas-luz 9s var(--wp--custom--movimiento--entrada-salida) 1.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-capa--3 .arra-capas-titulo::after { animation: arra-capas-filete 9s var(--wp--custom--movimiento--entrada-salida) 1.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-placa--2 { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 480ms backwards, arra-capas-turno 9s var(--wp--custom--movimiento--entrada-salida) 4.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-placa--2::after { animation: arra-capas-luz 9s var(--wp--custom--movimiento--entrada-salida) 4.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-capa--2 .arra-capas-titulo::after { animation: arra-capas-filete 9s var(--wp--custom--movimiento--entrada-salida) 4.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-placa--1 { animation: arra-capas-entra 900ms var(--wp--custom--movimiento--salida) 720ms backwards, arra-capas-turno 9s var(--wp--custom--movimiento--entrada-salida) 7.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-placa--1::after { animation: arra-capas-luz 9s var(--wp--custom--movimiento--entrada-salida) 7.8s infinite; }
.arra-capas.in.esta-viva:not(:has(.arra-capas-capa:hover)) .arra-capas-capa--1 .arra-capas-titulo::after { animation: arra-capas-filete 9s var(--wp--custom--movimiento--entrada-salida) 7.8s infinite; }
@keyframes arra-capas-turno {
  0%, 4% { transform: translateZ(var(--z)); }
  9%, 27% { transform: translateZ(calc(var(--z) + 3cqw)); }
  33%, 100% { transform: translateZ(var(--z)); }
}
@keyframes arra-capas-luz {
  0%, 4% { opacity: 0; } 9%, 27% { opacity: 1; } 33%, 100% { opacity: 0; }
}
@keyframes arra-capas-filete {
  0%, 4% { transform: scaleX(0); transform-origin: 0 50%; }
  9%, 27% { transform: scaleX(1); transform-origin: 0 50%; }
  27.5% { transform: scaleX(1); transform-origin: 100% 50%; }
  33%, 100% { transform: scaleX(0); transform-origin: 100% 50%; }
}
@media (min-width: 860px) {
  .arra-capas { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
       column-gap: 56px; align-items: center; }
  .arra-capas-escena { max-inline-size: none; }
}
@media (prefers-reduced-motion: reduce) {
  .js-motion .arra-capas:not(.in) .arra-capas-placa { opacity: 1; }
  .js-motion .arra-capas:not(.in) .arra-capas-capa { opacity: 1; transform: none; }
  .js-motion .arra-capas.in .arra-capas-placa { animation: none; }
  .arra-capas-placa, .arra-capas-placa::after, .arra-capas-capa, .arra-capas-titulo::after {
      transition: none; }
}

/* Los cuatro graficos que no tienes: el problema del decisor de
   CFO externo. Ver destilar.py, dolores_del_decisor(). */
.arra-dolor { display: grid; gap: 30px 40px; margin-block-start: 8px;
     grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); }
.arra-dolor-item { padding-block-start: 20px;
          border-block-start: 1px solid var(--arra-line-soft); }
.arra-dolor-fig { display: block; inline-size: 100%; max-inline-size: 168px;
         block-size: auto; margin-block-end: 18px; overflow: visible; }
.arra-dolor-titulo { margin: 0 0 8px; font-family: var(--font-display);
            font-weight: 500; font-size: 19px; line-height: 1.25;
            color: var(--fg); }
.arra-dolor-texto { margin: 0; font-size: 15px; line-height: 1.65;
           color: var(--fg-soft); }
.arra-dolor-eje { stroke: var(--wp--preset--color--neutro-400); stroke-width: 1; }
.arra-dolor-barra { transform-box: fill-box; transform-origin: 50% 100%;
           transition: transform 800ms var(--wp--custom--movimiento--entrada-salida); }
.arra-dolor-barra--a { fill: var(--wp--preset--color--burdeos-700); }
.arra-dolor-barra--b { fill: var(--wp--preset--color--dorado-700); transition-delay: 320ms; }
.arra-dolor-signo { font-family: var(--font-display); font-weight: 500;
           font-size: 15px; fill: var(--wp--preset--color--burdeos-900);
           transition: opacity 400ms var(--wp--custom--movimiento--salida) 1000ms; }
.js-motion .arra-dolor-item:not(.in) .arra-dolor-barra { transform: scaleY(0); }
.js-motion .arra-dolor-item:not(.in) .arra-dolor-signo { opacity: 0; }
.arra-dolor-cero { stroke: var(--wp--preset--color--neutro-400); stroke-width: 1; stroke-dasharray: 3 3; }
.arra-dolor-linea { fill: none; stroke: var(--wp--preset--color--burdeos-700); stroke-width: 2;
           stroke-linecap: round; }
.arra-dolor-susto { fill: var(--wp--preset--color--burdeos-500); fill-opacity: 0.32; }
.arra-dolor-punto { fill: var(--wp--preset--color--burdeos-900); }
.arra-dolor-trazo { clip-path: inset(0 0 0 0);
           transition: clip-path 1100ms var(--wp--custom--movimiento--entrada-salida) 200ms; }
.js-motion .arra-dolor-item:not(.in) .arra-dolor-trazo { clip-path: inset(0 100% 0 0); }
.arra-dolor-casilla { fill: none; stroke: var(--wp--preset--color--burdeos-700); stroke-width: 1.5; }
.arra-dolor-raya { fill: var(--wp--preset--color--neutro-400); }
.arra-dolor-fila { transform-box: fill-box; transition: opacity 500ms var(--wp--custom--movimiento--salida),
          transform 500ms var(--wp--custom--movimiento--salida); }
.arra-dolor-fila:nth-of-type(1) { transition-delay: 120ms; }
.arra-dolor-fila:nth-of-type(2) { transition-delay: 290ms; }
.arra-dolor-fila:nth-of-type(3) { transition-delay: 460ms; }
.js-motion .arra-dolor-item:not(.in) .arra-dolor-fila { opacity: 0; transform: translateX(-6px); }
.arra-dolor-celda { stroke: var(--wp--preset--color--neutro-400); stroke-width: 1;
           fill: color-mix(in srgb, var(--wp--preset--color--burdeos-700) 22%, var(--wp--preset--color--blanco));
           transition: fill 260ms var(--wp--custom--movimiento--salida); }
.arra-dolor-celda:nth-of-type(1) { transition-delay: 200ms; }
.arra-dolor-celda:nth-of-type(2) { transition-delay: 255ms; }
.arra-dolor-celda:nth-of-type(3) { transition-delay: 310ms; }
.arra-dolor-celda:nth-of-type(4) { transition-delay: 365ms; }
.arra-dolor-celda:nth-of-type(5) { transition-delay: 420ms; }
.arra-dolor-celda:nth-of-type(6) { transition-delay: 475ms; }
.arra-dolor-celda:nth-of-type(7) { transition-delay: 530ms; }
.arra-dolor-celda:nth-of-type(8) { transition-delay: 585ms; }
.arra-dolor-celda:nth-of-type(9) { transition-delay: 640ms; }
.arra-dolor-celda:nth-of-type(10) { transition-delay: 695ms; }
.arra-dolor-celda:nth-of-type(11) { transition-delay: 750ms; }
.arra-dolor-celda:nth-of-type(12) { transition-delay: 805ms; }
.arra-dolor-celda:nth-of-type(13) { transition-delay: 860ms; }
.arra-dolor-celda:nth-of-type(14) { transition-delay: 915ms; }
.arra-dolor-celda:nth-of-type(15) { transition-delay: 970ms; }
.arra-dolor-celda:nth-of-type(16) { transition-delay: 1025ms; }
.arra-dolor-celda:nth-of-type(17) { transition-delay: 1080ms; }
.arra-dolor-celda:nth-of-type(18) { transition-delay: 1135ms; }
.js-motion .arra-dolor-item:not(.in) .arra-dolor-celda { fill: var(--wp--preset--color--blanco); }
@media (prefers-reduced-motion: reduce) {
  .arra-dolor-barra, .arra-dolor-signo, .arra-dolor-trazo, .arra-dolor-fila, .arra-dolor-celda { transition: none; }
  .js-motion .arra-dolor-item:not(.in) .arra-dolor-barra { transform: none; }
  .js-motion .arra-dolor-item:not(.in) .arra-dolor-signo, .js-motion .arra-dolor-item:not(.in) .arra-dolor-fila { opacity: 1; transform: none; }
  .js-motion .arra-dolor-item:not(.in) .arra-dolor-trazo { clip-path: inset(0 0 0 0); }
  .js-motion .arra-dolor-item:not(.in) .arra-dolor-celda { fill: color-mix(in srgb, var(--wp--preset--color--burdeos-700) 22%, var(--wp--preset--color--blanco)); }
}

/* La cinta de controlling: cuatro tramos en flecha que se llenan de
   granate uno detras de otro. Ver destilar.py, cinta_de_controlling(). */
@property --arra-cinta-lleno { syntax: "<percentage>"; inherits: false;
    initial-value: 0%; }
.arra-cinta { list-style: none; margin: 30px 0 0; padding: 0; display: grid;
     row-gap: 22px; counter-reset: paso; }
.arra-cinta-paso { counter-increment: paso; display: grid;
          grid-template-columns: 40px minmax(0, 1fr);
          column-gap: 18px; row-gap: 6px; align-items: start; }
.arra-cinta-paso::before { content: counter(paso, decimal-leading-zero);
          content: counter(paso, decimal-leading-zero) / "";
          grid-row: 1 / span 2; align-self: stretch; min-block-size: 72px;
          display: grid; justify-content: center; align-content: start;
          padding-block-start: 12px;
          font-family: var(--font-display); font-weight: 500;
          font-size: 12px; line-height: 1; letter-spacing: 0.08em;
          color: color-mix(in srgb, var(--wp--preset--color--blanco)
              clamp(0%, (var(--arra-cinta-lleno) - 15%) * 8, 100%), var(--wp--preset--color--burdeos-900));
          background-color: var(--wp--preset--color--neutro-200);
          background-image: linear-gradient(var(--wp--preset--color--burdeos-900), var(--wp--preset--color--burdeos-900));
          background-repeat: no-repeat; background-position: 0 0;
          background-size: 100% var(--arra-cinta-lleno);
          clip-path: polygon(0 0, 50% 12px, 100% 0,
              100% calc(100% - 12px), 50% 100%, 0 calc(100% - 12px)); }
.arra-cinta-paso:first-child::before { clip-path: polygon(0 0, 100% 0,
              100% calc(100% - 12px), 50% 100%, 0 calc(100% - 12px)); }
.arra-cinta-titulo { margin: 0; font-family: var(--font-display); font-weight: 500;
            font-size: 18px; line-height: 1.25; color: var(--fg); }
.arra-cinta-texto { margin: 0; font-size: 15px; line-height: 1.6;
           color: var(--fg-soft); }
@property --arra-cinta-p { syntax: "<number>"; inherits: true;
    initial-value: 0; }
.arra-cinta.in .arra-cinta-paso::before {
    animation: arra-cinta-llena 900ms linear both; }
.arra-cinta.in .arra-cinta-paso:nth-child(1)::before {
    animation-delay: 0ms; }
.arra-cinta.in .arra-cinta-paso:nth-child(2)::before {
    animation-delay: 1060ms; }
.arra-cinta.in .arra-cinta-paso:nth-child(3)::before {
    animation-delay: 2120ms; }
.arra-cinta.in .arra-cinta-paso:nth-child(4)::before {
    animation-delay: 3180ms; }
@keyframes arra-cinta-llena {
  from { --arra-cinta-lleno: 0%; }
  to { --arra-cinta-lleno: 100%; }
}
.arra-cinta.in .arra-cinta-paso .arra-cinta-titulo,
.arra-cinta.in .arra-cinta-paso .arra-cinta-texto {
    animation: arra-cinta-dice 900ms linear both; }
.arra-cinta.in .arra-cinta-paso:nth-child(1) .arra-cinta-titulo,
.arra-cinta.in .arra-cinta-paso:nth-child(1) .arra-cinta-texto {
    animation-delay: 0ms; }
.arra-cinta.in .arra-cinta-paso:nth-child(2) .arra-cinta-titulo,
.arra-cinta.in .arra-cinta-paso:nth-child(2) .arra-cinta-texto {
    animation-delay: 1060ms; }
.arra-cinta.in .arra-cinta-paso:nth-child(3) .arra-cinta-titulo,
.arra-cinta.in .arra-cinta-paso:nth-child(3) .arra-cinta-texto {
    animation-delay: 2120ms; }
.arra-cinta.in .arra-cinta-paso:nth-child(4) .arra-cinta-titulo,
.arra-cinta.in .arra-cinta-paso:nth-child(4) .arra-cinta-texto {
    animation-delay: 3180ms; }
@keyframes arra-cinta-dice {
  from { opacity: .34; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(1)::before,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(1)::before {
    animation: none;
    --arra-cinta-lleno: clamp(0%,
        (var(--arra-cinta-p) * 4 - 0) * 100%, 100%); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(2)::before,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(2)::before {
    animation: none;
    --arra-cinta-lleno: clamp(0%,
        (var(--arra-cinta-p) * 4 - 1) * 100%, 100%); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(3)::before,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(3)::before {
    animation: none;
    --arra-cinta-lleno: clamp(0%,
        (var(--arra-cinta-p) * 4 - 2) * 100%, 100%); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(4)::before,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(4)::before {
    animation: none;
    --arra-cinta-lleno: clamp(0%,
        (var(--arra-cinta-p) * 4 - 3) * 100%, 100%); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(1) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(1) .arra-cinta-texto,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(1) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(1) .arra-cinta-texto {
    animation: none; transform: none;
    opacity: calc(0.34 + 0.66 * clamp(0,
        var(--arra-cinta-p) * 4 - 0, 1)); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(2) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(2) .arra-cinta-texto,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(2) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(2) .arra-cinta-texto {
    animation: none; transform: none;
    opacity: calc(0.34 + 0.66 * clamp(0,
        var(--arra-cinta-p) * 4 - 1, 1)); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(3) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(3) .arra-cinta-texto,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(3) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(3) .arra-cinta-texto {
    animation: none; transform: none;
    opacity: calc(0.34 + 0.66 * clamp(0,
        var(--arra-cinta-p) * 4 - 2, 1)); }
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(4) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll .arra-cinta-paso:nth-child(4) .arra-cinta-texto,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(4) .arra-cinta-titulo,
.arra-cinta.avanza-con-scroll.in .arra-cinta-paso:nth-child(4) .arra-cinta-texto {
    animation: none; transform: none;
    opacity: calc(0.34 + 0.66 * clamp(0,
        var(--arra-cinta-p) * 4 - 3, 1)); }
@media (max-width: 759px) {
  .arra-cinta-paso::before { align-content: center;
      padding-block: 14px; }
}
@media (min-width: 760px) {
  .arra-cinta { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 2px; }
  .arra-cinta-paso { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  .arra-cinta-paso::before { grid-row: auto; align-self: auto; min-block-size: 0;
          block-size: 34px; margin-block-end: 12px;
          justify-content: start; align-content: center;
          padding: 0 0 0 26px;
          background-size: var(--arra-cinta-lleno) 100%;
          clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%,
              calc(100% - 14px) 100%, 0 100%, 14px 50%); }
  .arra-cinta-paso:first-child::before { padding-inline-start: 14px;
          clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%,
              calc(100% - 14px) 100%, 0 100%); }
  .arra-cinta-titulo, .arra-cinta-texto { padding-inline-end: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-cinta.esta-viva .arra-cinta-paso::before { animation: none; }
}

/* Cinco proveedores, un socio: el antes/despues de Corporate 360.
   Ver destilar.py, bloque_del_socio() y css_del_socio(). */
@property --arra-socio-t { syntax: "<number>"; inherits: true;
                           initial-value: 0; }
.arra-socio { --arra-socio-t: 0; display: grid; gap: 22px; align-content: start;
     transition: --arra-socio-t 900ms var(--wp--custom--movimiento--entrada-salida); }
.arra-socio:has(#arra-socio-uno:checked) { --arra-socio-t: 1; }
@media (hover: hover) and (pointer: fine) {
  .arra-socio:has(.arra-socio-opcion--uno:hover) { --arra-socio-t: 1; }
  .arra-socio:has(.arra-socio-opcion--cinco:hover) { --arra-socio-t: 0; }
}
.arra-socio-mando { margin: 0; padding: 3px; border: 1px solid var(--wp--preset--color--neutro-400);
           border-radius: 14px; display: inline-grid;
           grid-auto-flow: column; gap: 3px; justify-self: start; }
.arra-socio-opcion { position: relative; isolation: isolate; cursor: pointer;
            padding: 9px 16px; border-radius: 11px;
            font-family: var(--font-display); font-weight: 500;
            font-size: 13px; line-height: 1; letter-spacing: 0.02em;
            color: color-mix(in srgb, var(--wp--preset--color--blanco) calc(var(--arra-socio-on) * 100%), var(--wp--preset--color--tinta-900)); }
.arra-socio-opcion::before { content: ""; position: absolute; inset: 0; z-index: -1;
            border-radius: inherit; background: var(--wp--preset--color--burdeos-900);
            opacity: var(--arra-socio-on); }
.arra-socio-opcion--cinco { --arra-socio-on: calc(1 - var(--arra-socio-t)); }
.arra-socio-opcion--uno { --arra-socio-on: var(--arra-socio-t); }
.arra-socio-mando input { position: absolute; opacity: 0; inline-size: 1px;
            block-size: 1px; margin: 0; pointer-events: none; }
.arra-socio-mando input:focus-visible + .arra-socio-opcion { outline: 2px solid var(--wp--preset--color--dorado-700);
            outline-offset: 2px; }
.arra-socio-escena { container-type: inline-size; inline-size: 100%;
            max-inline-size: 560px; }
.arra-socio-vista { position: relative; block-size: 72cqw; }
.arra-socio-nodo { position: absolute; display: grid; place-items: center;
          box-sizing: border-box; border-radius: 12px;
          font-family: var(--font-display); font-weight: 500;
          font-size: clamp(12px, 3.6cqw, 15px); line-height: 1.2;
          text-align: center; }
.arra-socio-nodo--dir { inset-inline-start: 0; inset-block-start: 36cqw;
          translate: 0 -50%; inline-size: 30cqw; block-size: 9cqw;
          background: var(--wp--preset--color--blanco); color: var(--wp--preset--color--burdeos-900);
          border: 1.5px solid var(--wp--preset--color--burdeos-700); }
.arra-socio-nodo--p { inset-inline-start: 60cqw; inline-size: 40cqw; block-size: 9cqw;
          inset-block-start: var(--y);
          translate: 0 calc(-50% + (36cqw - var(--y)) * var(--arra-socio-t));
          scale: calc(1 - 0.18 * var(--arra-socio-t));
          opacity: calc(1 - var(--arra-socio-t));
          background: var(--wp--preset--color--neutro-200); color: var(--fg); }
.arra-socio-nodo--p1 { --y: 7.2cqw; }
.arra-socio-nodo--p2 { --y: 21.6cqw; }
.arra-socio-nodo--p3 { --y: 36.0cqw; }
.arra-socio-nodo--p4 { --y: 50.4cqw; }
.arra-socio-nodo--p5 { --y: 64.8cqw; }
.arra-socio-linea { position: absolute; inset-inline-start: 30cqw;
           inset-block-start: 36cqw; block-size: 2px; margin-block-start: -1px;
           transform-origin: 0 50%; background: var(--wp--preset--color--neutro-400);
           inline-size: calc(var(--l) + (30cqw - var(--l)) * var(--arra-socio-t));
           transform: rotate(calc(var(--a) * (1 - var(--arra-socio-t)))); }
.arra-socio-linea--1 { --l: 41.6cqw; --a: -43.8deg; }
.arra-socio-linea--2 { --l: 33.3cqw; --a: -25.6deg; }
.arra-socio-linea--3 { --l: 30.0cqw; --a: 0.0deg; }
.arra-socio-linea--4 { --l: 33.3cqw; --a: 25.6deg; }
.arra-socio-linea--5 { --l: 41.6cqw; --a: 43.8deg; }
.arra-socio-nodo--uno { inset-inline-start: 60cqw; inset-block-start: 36cqw;
          translate: 0 -50%; inline-size: 40cqw; padding: 14px 12px 12px;
          display: grid; gap: 6px; justify-items: stretch; place-items: stretch;
          background: var(--wp--preset--color--burdeos-950); color: var(--wp--preset--color--blanco);
          opacity: var(--arra-socio-t); scale: calc(0.9 + 0.1 * var(--arra-socio-t)); }
.arra-socio-uno-rotulo { font-size: 11px; letter-spacing: 0.16em;
          text-transform: uppercase; color: var(--wp--preset--color--dorado-300); margin-block-end: 4px;
          text-align: start; }
.arra-socio-ficha { font-family: var(--font-body); font-weight: 400;
          font-size: clamp(11px, 3.2cqw, 13px); line-height: 1;
          padding: 6px 8px; border-radius: 6px; text-align: start;
          background: color-mix(in srgb, var(--wp--preset--color--blanco) 14%, transparent);
          border: 1px solid color-mix(in srgb, var(--wp--preset--color--blanco) 28%, transparent); }
.arra-socio.esta-viva:not(:has(input:checked)):not(:has(.arra-socio-opcion:hover)) {
    animation: arra-socio-demo 6.5s var(--wp--custom--movimiento--entrada-salida) infinite; }
@keyframes arra-socio-demo {
  0%, 40% { --arra-socio-t: 0; } 47%, 87% { --arra-socio-t: 1; }
  94%, 100% { --arra-socio-t: 0; }
}
@media (min-width: 960px) {
  .arra-socio-seccion { display: grid; column-gap: 56px; align-items: start;
      grid-template-columns: minmax(0, 11fr) minmax(0, 10fr); }
  .arra-socio-seccion > .arra-beneficios__cabecera { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-socio, .arra-socio.esta-viva:not(:has(input:checked)) { transition: none;
      animation: none; }
}

/* El impuesto que se traslada: el FEAC de Holding. Ver destilar.py,
   bloque_del_feac(). */
.arra-feac { margin: 34px 0 38px; max-inline-size: 680px; display: grid; gap: 18px; }
.arra-feac-carril { display: grid; grid-template-columns: minmax(0, 1fr);
            row-gap: 8px; align-items: center; }
.arra-feac-rotulo { font-family: var(--font-display); font-weight: 500;
            font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase;
            color: var(--wp--preset--color--burdeos-900); }
.arra-feac-carril--sin .arra-feac-rotulo { color: var(--fg-soft); }
.arra-feac-pista { container-type: inline-size; position: relative;
           block-size: 72px; }
.arra-feac-pista::before { content: ""; position: absolute; inset-inline: 0;
           inset-block-start: 44px; block-size: 1px; background: var(--wp--preset--color--neutro-400); }
.arra-feac-marca { position: absolute; inset-inline-start: 16cqw; inset-block-start: 38px;
           padding-block-start: 14px; translate: -50% 0;
           font-size: 12px; line-height: 1; color: var(--fg-soft);
           white-space: nowrap; }
.arra-feac-marca::before { content: ""; position: absolute; inset-inline-start: 50%;
           inset-block-start: 0; inline-size: 1px; block-size: 13px;
           background: var(--wp--preset--color--tinta-500); }
.arra-feac-impuesto { position: absolute; inset-inline-start: 16cqw; inset-block-start: 6px;
           translate: -50% 0; display: grid; place-items: center;
           min-inline-size: 84px; padding: 0 12px; block-size: 34px;
           border-radius: 8px; background: var(--wp--preset--color--burdeos-700); color: var(--wp--preset--color--blanco);
           font-family: var(--font-display); font-weight: 500;
           font-size: 12.5px; letter-spacing: 0.02em; }
.arra-feac-carril--con .arra-feac-impuesto { transform: translateX(60cqw);
           transition: transform 1400ms var(--wp--custom--movimiento--entrada-salida) 500ms; }
.arra-feac-estela { position: absolute; inset-inline-start: 16cqw; inset-block-start: 23px;
           inline-size: 60cqw; block-size: 0; border-block-start: 2px dashed var(--wp--preset--color--dorado-700);
           clip-path: inset(-20px 0 -20px 0);
           transition: clip-path 1400ms var(--wp--custom--movimiento--entrada-salida) 500ms; }
.arra-feac-estela::after { content: "Se traslada"; position: absolute;
           inset-inline-start: 50%; inset-block-end: 6px; translate: -50% 0;
           font-size: 11.5px; line-height: 1; letter-spacing: 0.06em;
           text-transform: uppercase; white-space: nowrap;
           color: var(--wp--preset--color--dorado-700); }
.js-motion .arra-feac:not(.in) .arra-feac-carril--con .arra-feac-impuesto { transform: none; }
.js-motion .arra-feac:not(.in) .arra-feac-estela { clip-path: inset(-20px 100% -20px 0); }
@media (min-width: 640px) {
  .arra-feac-carril { grid-template-columns: 7rem minmax(0, 1fr); column-gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-feac-carril--con .arra-feac-impuesto, .arra-feac-estela { transition: none; }
  .js-motion .arra-feac:not(.in) .arra-feac-carril--con .arra-feac-impuesto { transform: translateX(60cqw); }
  .js-motion .arra-feac:not(.in) .arra-feac-estela { clip-path: inset(-20px 0 -20px 0); }
}

/* El relevo: dos generaciones que se solapan. Ver destilar.py,
   bloque_del_relevo(). */
.arra-relevo { margin: 18px 0 4px; max-inline-size: 560px; }
.arra-relevo-pista { container-type: inline-size; position: relative; block-size: 92px; }
.arra-relevo-franja { position: absolute; inset-block-start: 34px; block-size: 24px;
            display: grid; align-items: center; padding-inline: 12px;
            border-radius: 999px; font-family: var(--font-display);
            font-weight: 500; font-size: clamp(10.5px, 3.2cqw, 12.5px);
            letter-spacing: 0.04em; white-space: nowrap; }
.arra-relevo-franja--fundador { inset-inline-start: 0; inline-size: 56cqw;
            background: var(--wp--preset--color--burdeos-900); color: var(--wp--preset--color--blanco); }
.arra-relevo-franja--siguiente { inset-inline-end: 0; inline-size: 56cqw;
            justify-items: end; text-align: end;
            background: var(--wp--preset--color--dorado-500); color: var(--wp--preset--color--burdeos-950);
            transition: transform 1100ms var(--wp--custom--movimiento--entrada-salida) 400ms; }
.arra-relevo-pista::after { content: ""; position: absolute; inset-block-start: 34px;
            block-size: 24px; inset-inline-start: 44cqw; inline-size: 12cqw;
            background: var(--wp--preset--color--dorado-700); opacity: 0.85; border-radius: 4px;
            transition: opacity 500ms var(--wp--custom--movimiento--entrada-salida) 1300ms; }
.arra-relevo-hito { position: absolute; translate: -50% 0; font-size: 12px;
          line-height: 1; white-space: nowrap; color: var(--fg); }
.arra-relevo-hito::after { content: ""; position: absolute; inset-inline-start: 50%;
          inline-size: 1px; block-size: 10px; background: var(--wp--preset--color--tinta-500); }
.arra-relevo-hito--1 { inset-inline-start: 22cqw; inset-block-start: 6px; }
.arra-relevo-hito--2 { inset-inline-start: 50cqw; inset-block-end: 6px; }
.arra-relevo-hito--3 { inset-inline-start: 86cqw; inset-block-start: 6px; }
.arra-relevo-hito--1::after, .arra-relevo-hito--3::after { inset-block-start: 100%;
          margin-block-start: 6px; }
.arra-relevo-hito--2::after { inset-block-end: 100%; margin-block-end: 6px; }
.js-motion .arra-relevo:not(.in) .arra-relevo-franja--siguiente { transform: translateX(40cqw); }
.js-motion .arra-relevo:not(.in) .arra-relevo-pista::after { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .arra-relevo-franja--siguiente, .arra-relevo-pista::after { transition: none; }
  .js-motion .arra-relevo:not(.in) .arra-relevo-franja--siguiente { transform: none; }
  .js-motion .arra-relevo:not(.in) .arra-relevo-pista::after { opacity: 0.85; }
}

/* El informe ejecutivo de Consultoria: la hoja y sus cuatro partes.
   Ver destilar.py, bloque_del_informe(). */
.arra-informe { display: grid; gap: 34px; align-items: center; }
.arra-informe-cabecera { max-inline-size: 54ch; }
.arra-informe-h2 { margin: 10px 0 14px; }
.arra-informe-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-informe-escena { position: relative; margin: 0; inline-size: 100%;
            max-inline-size: 420px; justify-self: center; }
.arra-informe-hoja { position: relative; background: var(--wp--preset--color--blanco); border-radius: var(--r-lg);
          box-shadow: var(--wp--custom--sombra--insignia);
          border: 1px solid var(--arra-line-soft);
          padding: 26px 26px 28px; rotate: -1.2deg;
          transition: rotate 900ms var(--wp--custom--movimiento--entrada-salida), translate 900ms var(--wp--custom--movimiento--entrada-salida); }
.arra-informe-hoja--detras { position: absolute; inset: 0; rotate: 1.6deg;
          translate: 10px 8px; background: var(--wp--preset--color--neutro-200); box-shadow: none; }
.arra-informe-hoja { --paso: 58px;
          transform: translateY(var(--paso)); opacity: 0;
          transition: rotate 900ms var(--wp--custom--movimiento--entrada-salida), translate 900ms var(--wp--custom--movimiento--entrada-salida),
              transform 780ms var(--wp--custom--movimiento--entrada-salida), opacity 560ms var(--wp--custom--movimiento--entrada-salida); }
.arra-informe-escena.esta-viva .arra-informe-hoja { transform: none; opacity: 1; }
.arra-informe-hoja--detras { --paso: 92px; transition-delay: 0s, 0s,
          130ms, 130ms; }
.arra-informe-rotulo { display: block; font-family: var(--font-display);
            font-weight: 500; font-size: 11.5px; letter-spacing: 0.16em;
            text-transform: uppercase; color: var(--wp--preset--color--burdeos-900);
            padding-block-end: 12px; margin-block-end: 18px;
            border-block-end: 1px solid var(--arra-line-soft); }
.arra-informe-partes { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px;
            counter-reset: parte; }
.arra-informe-parte { counter-increment: parte; display: grid; gap: 8px; }
.arra-informe-parte-titulo { font-family: var(--font-display); font-weight: 500;
            font-size: 14.5px; line-height: 1.3; color: var(--fg); }
.arra-informe-parte-titulo::before { content: counter(parte, decimal-leading-zero) "  ";
            content: counter(parte, decimal-leading-zero) "  " / "";
            font-size: 11px; letter-spacing: 0.08em; color: var(--wp--preset--color--dorado-700); }
.arra-informe-lineas { display: grid; gap: 6px; }
.arra-informe-lineas > i { display: block; block-size: 6px; border-radius: 3px;
            background: var(--wp--preset--color--neutro-300); transform-origin: 0 50%;
            transition: transform 520ms var(--wp--custom--movimiento--salida); }
.arra-informe-lineas > i:nth-child(1) { inline-size: 92%; }
.arra-informe-lineas > i:nth-child(2) { inline-size: 68%; }
.arra-informe-lineas > i:nth-child(3) { inline-size: 84%; }
.arra-informe-lineas > i:nth-child(4) { inline-size: 57%; }
.arra-informe-lineas > i:nth-child(5) { inline-size: 76%; }
.arra-informe-parte--vinetas > .arra-informe-lineas > i { position: relative; margin-inline-start: 14px; }
.arra-informe-parte--vinetas > .arra-informe-lineas > i::before { content: ""; position: absolute;
            inset-inline-start: -14px; inset-block-start: 0; inline-size: 6px;
            block-size: 6px; border-radius: 1px; background: var(--wp--preset--color--burdeos-700); }
.js-motion .arra-informe-escena:not(.in) .arra-informe-hoja { rotate: 0deg; }
.js-motion .arra-informe-escena:not(.in) .arra-informe-hoja--detras { translate: 0 0; }
.js-motion .arra-informe-escena:not(.in) .arra-informe-lineas > i { transform: scaleX(0); }
.arra-informe-parte:nth-child(1) > .arra-informe-lineas > i:nth-child(1) { transition-delay: 300ms; }
.arra-informe-parte:nth-child(1) > .arra-informe-lineas > i:nth-child(2) { transition-delay: 390ms; }
.arra-informe-parte:nth-child(2) > .arra-informe-lineas > i:nth-child(1) { transition-delay: 560ms; }
.arra-informe-parte:nth-child(2) > .arra-informe-lineas > i:nth-child(2) { transition-delay: 650ms; }
.arra-informe-parte:nth-child(2) > .arra-informe-lineas > i:nth-child(3) { transition-delay: 740ms; }
.arra-informe-parte:nth-child(3) > .arra-informe-lineas > i:nth-child(1) { transition-delay: 820ms; }
.arra-informe-parte:nth-child(3) > .arra-informe-lineas > i:nth-child(2) { transition-delay: 910ms; }
.arra-informe-parte:nth-child(3) > .arra-informe-lineas > i:nth-child(3) { transition-delay: 1000ms; }
.arra-informe-parte:nth-child(4) > .arra-informe-lineas > i:nth-child(1) { transition-delay: 1080ms; }
.arra-informe-parte:nth-child(4) > .arra-informe-lineas > i:nth-child(2) { transition-delay: 1170ms; }
.arra-informe-parte:nth-child(4) > .arra-informe-lineas > i:nth-child(3) { transition-delay: 1260ms; }
@media (min-width: 900px) {
  .arra-informe { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 56px; }
  .arra-informe-escena { justify-self: end; margin-inline-end: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-informe-hoja, .arra-informe-lineas > i { transition: none; }
  .js-motion .arra-informe-escena:not(.in) .arra-informe-hoja { rotate: -1.2deg; }
  .js-motion .arra-informe-escena:not(.in) .arra-informe-hoja--detras { rotate: 1.6deg; translate: 10px 8px; }
  .js-motion .arra-informe-escena:not(.in) .arra-informe-lineas > i { transform: none; }
}

/* El precio entre sociedades: la escala de las operaciones vinculadas
   de Grupos. Ver destilar.py, bloque_del_precio(). */
@property --arra-precio-t { syntax: "<number>"; inherits: true;
                            initial-value: 0; }
.arra-precio-marco { margin: 34px 0 38px; }
.arra-precio { --arra-precio-t: 0; display: grid; gap: 22px;
     transition: --arra-precio-t 900ms var(--wp--custom--movimiento--entrada-salida); }
.arra-precio:has(#arra-precio-simbolico:checked) { --arra-precio-t: 0.12; }
.arra-precio:has(#arra-precio-mercado:checked) { --arra-precio-t: 1; }
.arra-precio-mando { margin: 0; padding: 3px; border: 1px solid var(--wp--preset--color--neutro-400);
           border-radius: 14px; display: inline-grid; grid-auto-flow: column;
           gap: 3px; justify-self: start; max-inline-size: 100%; }
.arra-precio-mando input { position: absolute; opacity: 0; inline-size: 1px;
           block-size: 1px; margin: 0; pointer-events: none; }
.arra-precio-opcion { position: relative; isolation: isolate; cursor: pointer;
            padding: 9px 11px; border-radius: 11px; white-space: nowrap;
            font-family: var(--font-display); font-weight: 500;
            font-size: clamp(11px, 3vw, 13px); line-height: 1;
            color: color-mix(in srgb, var(--wp--preset--color--blanco) calc(var(--arra-precio-on) * 100%), var(--wp--preset--color--tinta-900)); }
.arra-precio-opcion::before { content: ""; position: absolute; inset: 0; z-index: -1;
            border-radius: inherit; background: var(--wp--preset--color--burdeos-900); opacity: var(--arra-precio-on); }
.arra-precio-opcion--gratis { --arra-precio-on: clamp(0, 1 - var(--arra-precio-t) / 0.1, 1); }
.arra-precio-opcion--simbolico { --arra-precio-on: clamp(0, 1 - abs(var(--arra-precio-t) - 0.12) / 0.1, 1); }
.arra-precio-opcion--mercado { --arra-precio-on: clamp(0, (var(--arra-precio-t) - 0.6) / 0.4, 1); }
.arra-precio-mando input:focus-visible + .arra-precio-opcion { outline: 2px solid var(--wp--preset--color--dorado-700);
            outline-offset: 2px; }
.arra-precio-escena { display: grid; gap: 14px; }
.arra-precio-partes { display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center; gap: 10px; }
.arra-precio-caja { padding: 9px 14px; border-radius: 10px; font-family: var(--font-display);
          font-weight: 500; font-size: 13px; line-height: 1; }
.arra-precio-caja--matriz { background: var(--wp--preset--color--burdeos-900); color: var(--wp--preset--color--blanco); }
.arra-precio-caja--filial { background: var(--wp--preset--color--blanco); color: var(--fg);
          border: 1.5px solid var(--wp--preset--color--burdeos-700); }
.arra-precio-factura { position: relative; padding-block-end: 12px; text-align: center;
          font-size: 11.5px; line-height: 1; letter-spacing: 0.06em;
          text-transform: uppercase; color: var(--fg-soft); }
.arra-precio-factura::before { content: ""; position: absolute; inset-inline: 0;
          inset-block-end: 4px; block-size: 1px; background: var(--wp--preset--color--neutro-400); }
.arra-precio-factura::after { content: ""; position: absolute; inset-inline-end: -1px;
          inset-block-end: 0; border: 4.5px solid transparent;
          border-inline-start: 7px solid var(--wp--preset--color--neutro-400); }
.arra-precio-escala { container-type: inline-size; position: relative; block-size: 44px;
          margin-block-start: 6px; }
.arra-precio-escala::before { content: ""; position: absolute; inset-inline: 0;
          inset-block-start: 21px; block-size: 2px; background: var(--wp--preset--color--neutro-300); }
.arra-precio-banda { position: absolute; inset-inline-start: 82cqw; inset-inline-end: 0;
          inset-block-start: 14px; block-size: 16px; border-radius: 4px;
          background: var(--wp--preset--color--dorado-500); font-size: 0; }
.arra-precio-banda::after { content: "Valor de mercado"; position: absolute;
          inset-inline-end: 0; inset-block-start: 100%; margin-block-start: 7px;
          font-size: 11.5px; line-height: 1; letter-spacing: 0.06em;
          text-transform: uppercase; white-space: nowrap; color: var(--wp--preset--color--dorado-700); }
.arra-precio-ajuste { position: absolute; inset-block-start: 17px; block-size: 10px;
          inset-inline-start: calc(var(--arra-precio-t) * 91cqw);
          inline-size: max(0px, calc(82cqw - var(--arra-precio-t) * 91cqw));
          background: repeating-linear-gradient(-45deg, var(--wp--preset--color--burdeos-500) 0 3px, transparent 3px 8px); border-radius: 2px; overflow: visible; }
.arra-precio-ajuste-rotulo { position: absolute; inset-inline-start: 50%;
          inset-block-end: 100%; margin-block-end: 6px; translate: -50% 0;
          font-size: 11.5px; line-height: 1; letter-spacing: 0.06em;
          text-transform: uppercase; color: var(--wp--preset--color--burdeos-700);
          opacity: clamp(0, (0.82 - var(--arra-precio-t)) / 0.2, 1); }
.arra-precio-marcador { position: absolute; inset-block-start: 12px; inline-size: 20px;
          block-size: 20px; border-radius: 50%; box-sizing: border-box;
          background: var(--wp--preset--color--blanco); border: 3px solid var(--wp--preset--color--burdeos-900);
          inset-inline-start: calc(var(--arra-precio-t) * 82cqw + var(--arra-precio-t) * 9cqw); translate: -50% 0;
          box-shadow: 0 2px 6px rgba(61, 15, 31, 0.25); }
.arra-precio-lecturas { position: relative; margin: 0; min-block-size: 1.6em;
          font-size: 14.5px; line-height: 1.6; color: var(--fg); }
.arra-precio-lectura { position: absolute; inset: 0; transition: opacity 400ms var(--wp--custom--movimiento--entrada-salida); }
.arra-precio-lectura--gratis { opacity: clamp(0, 1 - var(--arra-precio-t) / 0.1, 1); }
.arra-precio-lectura--simbolico { opacity: clamp(0, 1 - abs(var(--arra-precio-t) - 0.12) / 0.1, 1); }
.arra-precio-lectura--mercado { opacity: clamp(0, (var(--arra-precio-t) - 0.6) / 0.4, 1); }
.arra-precio.esta-viva:not(:has(input:checked)) {
    animation: arra-precio-demo 12s var(--wp--custom--movimiento--entrada-salida) infinite; }
@keyframes arra-precio-demo {
  0%, 26% { --arra-precio-t: 0; } 33%, 59% { --arra-precio-t: 0.12; }
  66%, 92% { --arra-precio-t: 1; } 100% { --arra-precio-t: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-precio, .arra-precio.esta-viva:not(:has(input:checked)) { transition: none; animation: none; }
  .arra-precio-lectura { transition: none; }
}

/* El ejemplo de operaciones vinculadas. Ver destilar.py,
   EJEMPLO_DE_VINCULADAS. */
.arra-ejemplo-vinculadas.arra-ejemplo-vinculadas { max-inline-size: none; font-size: 14.5px;
    line-height: 1.65; columns: 2 22rem; column-gap: 48px;
    margin-block-start: 26px; }

/* El cuadro de control consolidado de Grupos y Holding, portado del
   prototipo del cliente. Ver destilar.py, bloque_del_control(). */
.arra-control {
  --wine: var(--wp--preset--color--burdeos-900);
  --wine-ink: var(--wp--preset--color--burdeos-950);
  --gold: var(--wp--preset--color--dorado-700);
  --gold-soft: color-mix(in srgb, var(--gold) 13%, var(--wp--preset--color--blanco));
  --paper: var(--wp--preset--color--blanco);
  --canvas: var(--wp--preset--color--neutro-100);
  --ink: var(--wp--preset--color--tinta-900);
  --muted: var(--wp--preset--color--tinta-500);
  --faint: var(--wp--preset--color--tinta-300);
  --line: color-mix(in srgb, var(--ink) 12%, transparent);
  --shadow: rgba(14, 26, 43, .08);
  max-inline-size: 1080px; margin-block-start: 30px; padding: clamp(18px, 3vw, 34px);
  border-radius: var(--r-xl); color: var(--ink); background: var(--canvas);
  font-family: var(--font-body); overflow: hidden; }
.arra-control-cabecera { max-inline-size: 54ch; }
.arra-control-h2 { margin: 10px 0 14px; }
.arra-control-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-control * { box-sizing: border-box; }
.arra-control button { font: inherit; }
.arra-control .agc-controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.arra-control .agc-mando { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.arra-control .agc-demo-tag { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--faint);
  background: color-mix(in srgb, var(--paper) 84%, transparent); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.arra-control .agc-switcher { display: flex; gap: 4px; max-width: 100%; overflow-x: auto; padding: 4px; border: 1px solid var(--line); border-radius: 14px;
  background: color-mix(in srgb, var(--paper) 66%, transparent); scrollbar-width: thin; }
.arra-control .agc-entity { appearance: none; min-height: 36px; padding: 7px 12px; border: 0; border-radius: 10px; color: var(--muted); background: transparent;
  font-size: 11px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
.arra-control .agc-entity[aria-pressed="true"] { color: var(--wine-ink); background: var(--paper); box-shadow: 0 2px 10px var(--shadow); }
.arra-control .agc-play { appearance: none; display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; min-height: 42px; padding: 8px 15px; border: 0; border-radius: 999px;
  color: var(--paper); background: var(--wine-ink); font-size: 11px; font-weight: 600; cursor: pointer; transition: transform 180ms ease, opacity 180ms ease; }
.arra-control .agc-play:hover { transform: translateY(-1px); }
.arra-control .agc-play:disabled { opacity: .58; cursor: wait; transform: none; }
.arra-control .agc-play svg { width: 13px; height: 13px; fill: currentColor; }
.arra-control button:focus-visible, .arra-control [tabindex="0"]:focus-visible { outline: 3px solid color-mix(in srgb, var(--gold) 54%, transparent); outline-offset: 3px; }
.arra-control .agc-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: 16px; }
.arra-control .agc-card { position: relative; min-width: 0; border: 1px solid var(--line); border-radius: 20px; background: var(--paper); box-shadow: 0 12px 34px var(--shadow); overflow: hidden; }
.arra-control .agc-card--hero { grid-column: 1 / -1; padding: clamp(17px, 2.5vw, 26px) clamp(12px, 2.5vw, 26px) 12px; }
.arra-control .agc-card--revenue, .arra-control .agc-card--margin { padding: clamp(17px, 2.5vw, 24px); }
.arra-control .agc-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.arra-control .agc-card-title { margin: 0; color: var(--wine-ink); font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: -.01em; }
.arra-control .agc-card-note { display: block; margin-top: 3px; color: var(--faint); font-size: 10px; font-weight: 500; }
.arra-control .agc-live { display: inline-flex; align-items: center; gap: 6px; color: var(--gold); font-size: 10px; font-weight: 600; white-space: nowrap; }
.arra-control .agc-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 13%, transparent); }
.arra-control .agc-hero-value { display: flex; align-items: baseline; gap: 9px; margin-bottom: 3px; }
.arra-control .agc-hero-value strong, .arra-control .agc-big-number { color: var(--ink); font-family: var(--font-display); font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.arra-control .agc-hero-value strong { font-size: clamp(25px, 4vw, 38px); }
.arra-control .agc-big-number { margin: 4px 0 2px; font-size: clamp(29px, 4vw, 42px); }
.arra-control .agc-delta { color: var(--gold); font-size: 11px; font-weight: 600; }
.arra-control .agc-chart-scroll { overflow-x: auto; scrollbar-width: thin; }
.arra-control .agc-main-chart { display: block; width: 100%; min-width: 690px; height: 300px; overflow: visible; touch-action: pan-x; }
.arra-control .agc-gridline, .arra-control .agc-axis { stroke: var(--line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.arra-control .agc-axis-label { fill: var(--faint); font: 500 10px var(--font-body); }
.arra-control .agc-stop--a { stop-color: var(--wine); stop-opacity: .2; }
.arra-control .agc-stop--b { stop-color: var(--wine); stop-opacity: 0; }
.arra-control .agc-line { fill: none; stroke: var(--wine); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; transition: d 360ms cubic-bezier(.22,.61,.36,1); }
.arra-control .agc-line--forecast { stroke: var(--gold); stroke-dasharray: 5 6; }
.arra-control .agc-threshold { stroke: var(--gold); stroke-width: 1.2; stroke-dasharray: 4 6; vector-effect: non-scaling-stroke; }
.arra-control .agc-threshold-label { fill: var(--gold); font: 600 9px var(--font-body); letter-spacing: .04em; }
.arra-control .agc-cursor-line { stroke: color-mix(in srgb, var(--wine) 55%, transparent); stroke-width: 1; vector-effect: non-scaling-stroke; }
.arra-control .agc-point-ring { fill: var(--paper); stroke: var(--wine); stroke-width: 2; }
.arra-control .agc-point-dot { fill: var(--gold); }
.arra-control .agc-float rect { fill: var(--paper); stroke: var(--line); stroke-width: 1; filter: drop-shadow(0 6px 9px var(--shadow)); }
.arra-control .agc-float text { fill: var(--ink); font: 600 10px var(--font-body); }
.arra-control .agc-float .agc-float-value { fill: var(--wine); }
.arra-control .agc-pointer { fill: var(--gold); stroke: var(--paper); stroke-width: 1; }
.arra-control .agc-hit { fill: transparent; cursor: crosshair; }
.arra-control .agc-card-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--gold); background: var(--gold-soft); }
.arra-control .agc-card-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.arra-control .agc-comparison { color: var(--muted); font-size: 11px; }
.arra-control .agc-comparison strong { color: var(--gold); font-weight: 600; }
.arra-control .agc-bars { display: grid; gap: 13px; margin-top: 22px; }
.arra-control .agc-bar-button { appearance: none; display: grid; grid-template-columns: 112px minmax(0, 1fr) 58px; align-items: center; gap: 10px; width: 100%; padding: 3px 0; border: 0;
  color: var(--muted); background: transparent; cursor: pointer; text-align: left; }
.arra-control .agc-bar-name { font-size: 11px; font-weight: 600; }
.arra-control .agc-bar-track { height: 7px; border-radius: 999px; background: var(--line); overflow: hidden; }
.arra-control .agc-bar-fill { display: block; width: var(--w, 50%); height: 100%; border-radius: inherit; background: var(--gold); transition: width 380ms cubic-bezier(.22,.61,.36,1), background-color 180ms ease; }
.arra-control .agc-bar-button[data-entity="operativa"] .agc-bar-fill { background: var(--wine); }
.arra-control .agc-bar-button[data-entity="patrimonial"] .agc-bar-fill { background: var(--gold); }
.arra-control .agc-bar-button[data-entity="spv"] .agc-bar-fill { background: var(--wp--preset--color--burdeos-500); }
.arra-control .agc-bar-button[aria-current="true"] .agc-bar-name { color: var(--wine-ink); }
.arra-control .agc-bar-value { color: var(--ink); font-size: 11px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.arra-control .agc-margin-layout { display: grid; grid-template-columns: minmax(160px, .9fr) minmax(130px, 1.1fr); align-items: center; gap: 8px; min-height: 220px; }
.arra-control .agc-donut-wrap { position: relative; width: 170px; max-width: 100%; margin: 0 auto; }
.arra-control .agc-donut { display: block; width: 100%; height: auto; transform: rotate(-90deg); }
.arra-control .agc-donut-track { fill: none; stroke: var(--line); stroke-width: 11; }
.arra-control .agc-donut-value { fill: none; stroke: var(--wine); stroke-width: 11; stroke-linecap: round; stroke-dasharray: 0 100; transition: stroke-dasharray 520ms cubic-bezier(.22,.61,.36,1); }
.arra-control .agc-donut-value--gold { stroke: var(--gold); stroke-width: 6; opacity: .55; }
.arra-control .agc-donut-copy { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; pointer-events: none; }
.arra-control .agc-donut-copy strong { font-family: var(--font-display); font-size: 31px; font-weight: 500; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.arra-control .agc-donut-copy span { margin-top: 2px; color: var(--faint); font-size: 10px; font-weight: 600; }
.arra-control .agc-metrics { display: grid; gap: 0; margin: 0; }
.arra-control .agc-metric { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 8px; padding: 12px 0; border-top: 1px solid var(--line); font-size: 11px; }
.arra-control .agc-metric:first-child { border-top: 0; }
.arra-control .agc-metric-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.arra-control .agc-metric:nth-child(2) .agc-metric-dot { background: var(--wine); }
.arra-control .agc-metric:nth-child(3) .agc-metric-dot { background: var(--wp--preset--color--burdeos-500); }
.arra-control .agc-metric dt { color: var(--muted); }
.arra-control .agc-metric dd { margin: 0; color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.arra-control .agc-foot { display: flex; justify-content: space-between; gap: 18px; margin-top: 14px; color: var(--faint); font-size: 10px; line-height: 1.45; }
@media (max-width: 760px) {
  .arra-control { border-radius: var(--r-lg); }
  .arra-control .agc-controls { align-items: stretch; flex-direction: column; }
  .arra-control .agc-mando { justify-content: space-between; }
  .arra-control .agc-grid { grid-template-columns: 1fr; }
  .arra-control .agc-card--hero { grid-column: auto; }
  .arra-control .agc-margin-layout { grid-template-columns: 1fr; }
  .arra-control .agc-metrics { margin-top: 8px; }
  .arra-control .agc-foot { flex-direction: column; }
}
@media (max-width: 430px) {
  .arra-control .agc-bar-button { grid-template-columns: 92px minmax(0, 1fr) 52px; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-control *, .arra-control *::before, .arra-control *::after {
    animation-duration: .001ms !important; animation-delay: 0ms !important;
    transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

.arra-control + .arra-problema-1 { margin-block-start: clamp(30px, 4vw, 46px); }

/* El SPV de Real Estate, contado en cuatro pasos: el prototipo del cliente
   del 22/09/2026. Ver destilar.py, bloque_del_spv(), y assets/js/spv.js. */
.arra-spv { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: clamp(30px, 5vw, 64px); margin-block-start: 8px; }
@media (min-width: 1040px) {
  .arra-spv { grid-template-columns: minmax(0, 1.45fr) minmax(330px, .7fr); }
}
/* EL VISUAL VA EN FLUJO, NO EN ABSOLUTO. El prototipo colgaba la
   patrimonial, las ramas y los carriles de posiciones fijas dentro de una
   caja de 610 px, y en cuanto un carril crecia -en tablet el texto parte
   mas, y el de la incidencia lleva 78 px mas de pie- subia y se montaba
   sobre las ramas y la cabecera (cliente, 22/09/2026). En flujo cada pieza
   empuja a la siguiente y la caja mide lo que hace falta. */
.arra-spv-visual { position: relative; display: flex; flex-direction: column; overflow: hidden; padding-bottom: 22px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 20px; background: var(--wp--preset--color--neutro-100); isolation: isolate; }
.arra-spv-visual::before { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(to bottom, color-mix(in srgb, var(--wp--preset--color--blanco) 72%, transparent), transparent 32%); pointer-events: none; }
.arra-spv-cab { position: relative; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px 0; }
.arra-spv-cab > span { color: var(--wp--preset--color--tinta-300); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.arra-spv-repetir { appearance: none; display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 999px; color: var(--wp--preset--color--burdeos-900); background: color-mix(in srgb, var(--wp--preset--color--blanco) 78%, transparent); font: inherit; font-size: 9px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: transform var(--dur-fast) var(--ease-out), background-color var(--dur-base) ease; }
.arra-spv-repetir:active { transform: scale(.98); }
.arra-spv-repetir svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.arra-spv-madre { position: relative; z-index: 4; margin: 24px auto 0; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; width: 220px; padding: 14px 16px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 16px; color: var(--wp--preset--color--tinta-900); background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); transition: border-color var(--dur-base) ease, box-shadow var(--dur-base) ease, transform var(--dur-base) var(--ease-out); }
.arra-spv-madre.is-active { border-color: var(--wp--preset--color--burdeos-700); box-shadow: var(--shadow-2); transform: translateY(-3px); }
.arra-spv-madre-icono { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--wp--preset--color--blanco); background: var(--wp--preset--color--burdeos-900); }
.arra-spv-madre-icono svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.arra-spv-madre small { display: block; margin-bottom: 3px; color: var(--wp--preset--color--tinta-300); font-size: 8px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.arra-spv-madre strong { display: block; font-family: var(--font-display); font-size: 13px; font-weight: 500; letter-spacing: -.02em; }
.arra-spv-ramas { position: relative; z-index: 1; display: block; margin: -2px auto 0; width: 84%; height: 102px; overflow: visible; }
.arra-spv-rama { fill: none; stroke: var(--wp--preset--color--dorado-700); stroke-width: 1.3; vector-effect: non-scaling-stroke; opacity: .3; transition: opacity var(--dur-base) ease, stroke-width var(--dur-base) ease; }
.arra-spv-rama.is-active { opacity: .9; stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: 1; animation: arra-spv-rama 560ms var(--wp--custom--movimiento--entrada-salida) forwards; }
@keyframes arra-spv-rama { to { stroke-dashoffset: 0; } }
.arra-spv-carriles { position: relative; z-index: 3; margin: 0 5%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.arra-spv-carril { position: relative; min-width: 0; min-height: 290px; padding: 24px 20px 18px; overflow: hidden; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 16px; background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); opacity: .46; transform: translateY(8px); transition: opacity var(--dur-base) ease, transform var(--dur-base) var(--ease-out), border-color var(--dur-base) ease, box-shadow var(--dur-base) ease; }
.arra-spv-carril.is-related { opacity: .82; transform: translateY(0); }
.arra-spv-carril.is-active { opacity: 1; border-color: var(--wp--preset--color--burdeos-700); box-shadow: var(--shadow-2); transform: translateY(-4px); }
.arra-spv-carril-cab { display: flex; align-items: start; justify-content: space-between; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid var(--wp--preset--color--neutro-300); }
.arra-spv-num { color: var(--wp--preset--color--dorado-700); font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.arra-spv-estado { display: inline-flex; align-items: center; gap: 6px; color: var(--wp--preset--color--verde-700); font-size: 8px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: 0; transition: opacity var(--dur-base) ease; }
.arra-spv-estado::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.arra-spv-carril.is-stable .arra-spv-estado { opacity: 1; }
.arra-spv-sigla { display: block; margin: 18px 0 5px; color: var(--wp--preset--color--dorado-700); font-size: 8px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.arra-spv-nombre { margin: 0; font-family: var(--font-display); font-size: clamp(17px, 2vw, 22px); font-weight: 500; letter-spacing: -.035em; line-height: 1.15; color: var(--fg); }
.arra-spv-carril[data-lane="2"] { padding-bottom: 78px; }
.arra-spv-filas { display: grid; gap: 0; margin-top: 18px; }
.arra-spv-fila { display: grid; grid-template-columns: 19px 1fr; align-items: center; gap: 9px; min-height: 38px; border-top: 1px solid var(--wp--preset--color--neutro-300); color: var(--wp--preset--color--tinta-500); font-size: 10px; }
.arra-spv-fila svg { width: 15px; height: 15px; fill: none; stroke: var(--wp--preset--color--dorado-700); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.arra-spv-lectura { display: block; margin-top: 17px; color: var(--wp--preset--color--tinta-300); font-size: 8px; line-height: 1.45; }
.arra-spv-incidencia { position: absolute; z-index: 5; inset: auto 12px 12px; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--wp--preset--color--burdeos-700) 40%, transparent); border-radius: 10px; color: var(--wp--preset--color--burdeos-900); background: color-mix(in srgb, var(--wp--preset--color--burdeos-900) 8%, var(--wp--preset--color--blanco)); opacity: 0; transform: translateY(10px); transition: opacity var(--dur-base) ease, transform var(--dur-slow) var(--ease-out); }
.arra-spv-incidencia.is-visible { opacity: 1; transform: translateY(0); }
.arra-spv-incidencia-icono { display: grid; place-items: center; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; color: var(--wp--preset--color--blanco); background: var(--wp--preset--color--burdeos-900); }
.arra-spv-incidencia-icono svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.arra-spv-incidencia small { display: block; margin-bottom: 2px; font-size: 7px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.arra-spv-incidencia strong { display: block; font-size: 10px; font-weight: 600; }
.arra-spv-contencion { position: absolute; z-index: 4; inset: -1px; border: 2px solid var(--wp--preset--color--burdeos-700); border-radius: 16px; opacity: 0; pointer-events: none; transform: scale(.98); transition: opacity var(--dur-base) ease, transform var(--dur-slow) var(--ease-out); }
.arra-spv-carril.is-contained .arra-spv-contencion { opacity: 1; transform: scale(1); }
.arra-spv-contencion::after { content: 'RIESGO CONTENIDO'; position: absolute; top: 13px; right: 13px; padding: 5px 8px; border-radius: 999px; color: var(--wp--preset--color--blanco); background: var(--wp--preset--color--burdeos-700); box-shadow: var(--shadow-badge); font-size: 7px; font-weight: 600; letter-spacing: .12em; white-space: nowrap; }
/* LA FICHA DEL PASO, CON EL FORMATO DE HOLDING (cliente, 22/09/2026).
   Numero en circulo dorado, texto al lado y barra de cuatro tramos
   debajo. `order: 2` la deja justo detras de «Estructura por proyecto»,
   que es donde la pidio. */
.arra-spv-relato { position: relative; z-index: 7; order: 2; margin: 14px 24px 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 14px; background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); color: var(--wp--preset--color--tinta-900); font-size: 12.5px; line-height: 1.45; }
.arra-spv-paso { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--wp--preset--color--dorado-300); border-radius: 50%; color: var(--wp--preset--color--burdeos-900); background: color-mix(in srgb, var(--wp--preset--color--dorado-300) 12%, var(--wp--preset--color--blanco)); font-family: var(--font-display); font-size: 11px; font-weight: 500; }
.arra-spv-progreso { position: relative; z-index: 7; order: 3; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 10px 24px 0; }
.arra-spv-progreso i { height: 3px; border-radius: 999px; background: var(--wp--preset--color--neutro-300); transition: background-color var(--dur-base) ease; }
.arra-spv-progreso i.esta-hecho { background: var(--wp--preset--color--dorado-500); }
.arra-spv-progreso i.esta-aqui { background: var(--wp--preset--color--burdeos-900); }
.arra-spv-relacion-movil, .arra-spv-nav { display: none; }
.arra-spv-texto .arra-kicker { display: block; margin-bottom: 14px; }
.arra-spv-titulo { margin: 0; font-family: var(--font-display); font-size: clamp(26px, 3vw, 38px); font-weight: 500; letter-spacing: -.035em; line-height: 1.05; color: var(--fg); }
.arra-spv-titulo span { display: block; margin-top: 9px; color: var(--wp--preset--color--tinta-300); font-family: var(--font-body); font-size: clamp(15px, 1.4vw, 18px); font-weight: 400; letter-spacing: -.01em; line-height: 1.3; }
.arra-spv-parrafo { margin: 19px 0 0; color: var(--wp--preset--color--tinta-500); font-size: 17px; line-height: 1.65; }
.arra-spv-beneficios { display: grid; margin: 34px 0 0; padding: 0; list-style: none; }
.arra-spv-beneficio { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid var(--wp--preset--color--neutro-300); }
.arra-spv-beneficio:last-child { border-bottom: 1px solid var(--wp--preset--color--neutro-300); }
.arra-spv-beneficio-icono { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--wp--preset--color--dorado-300); border-radius: 50%; color: var(--wp--preset--color--dorado-700); background: color-mix(in srgb, var(--wp--preset--color--dorado-300) 18%, var(--wp--preset--color--blanco)); }
.arra-spv-beneficio-icono svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.arra-spv-beneficio small { display: block; margin-bottom: 5px; color: var(--wp--preset--color--dorado-700); font-size: 8px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.arra-spv-beneficio p { margin: 0; color: var(--wp--preset--color--tinta-900); font-size: 14px; line-height: 1.48; }
@media (hover: hover) and (pointer: fine) { .arra-spv-repetir:hover { background: var(--wp--preset--color--blanco); } }
@media (max-width: 1039px) {
  .arra-spv-texto { max-width: 620px; }
}
/* DE PIE: primero el texto entero -rotulo, titulo, parrafo y los tres
   beneficios-, y debajo el visual con los carriles en una tira que se
   desliza. Es la version movil del segundo prototipo del cliente, con los
   beneficios tambien por encima como pidio (22/09/2026). Los tres carriles
   apilados se cortaban y el texto quedaba debajo del grafico. */
@media (max-width: 620px) {
  .arra-spv { display: flex; flex-direction: column; gap: 0; }
  .arra-spv-texto { display: contents; }
  .arra-spv-texto .arra-kicker { order: -5; margin-bottom: 11px; }
  .arra-spv-titulo { order: -4; font-size: clamp(28px, 9vw, 36px); }
  .arra-spv-titulo span { margin-top: 7px; font-size: 15px; }
  .arra-spv-parrafo { order: -3; margin-top: 16px; font-size: 15px; line-height: 1.55; }
  .arra-spv-beneficios { order: -2; margin-top: 26px; }
  .arra-spv-beneficio { grid-template-columns: 38px 1fr; gap: 12px; padding: 16px 0; }
  .arra-spv-beneficio-icono { width: 38px; height: 38px; }
  .arra-spv-visual { order: -1; width: 100%; margin-top: 26px; padding-bottom: 6px; overflow: hidden; border-radius: 16px; }
  .arra-spv-cab { padding: 17px 16px 0; }
  .arra-spv-cab > span { font-size: 8px; }
  /* El texto del paso, ANTES del grafico (cliente, 22/09/2026). */
  .arra-spv-relato { margin: 12px 16px 0; padding: 12px 13px; gap: 11px; font-size: 12px; }
  .arra-spv-relato [data-story] { min-height: 34px; }
  .arra-spv-progreso { margin: 8px 16px 0; }
  .arra-spv-madre { margin: 12px auto 0; width: min(220px, calc(100% - 64px)); padding: 11px 13px; border-radius: 14px; }
  .arra-spv-madre-icono { width: 36px; height: 36px; }
  .arra-spv-ramas { display: none; }
  .arra-spv-relacion-movil { position: relative; z-index: 5; margin: 0 auto; display: grid; justify-items: center; color: var(--wp--preset--color--tinta-300); }
  .arra-spv-relacion-movil::before { content: ''; width: 1px; height: 20px; background: var(--wp--preset--color--dorado-500); }
  .arra-spv-relacion-movil small { padding: 4px 9px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 999px; background: var(--wp--preset--color--neutro-100); font-size: 7px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
  /* La tira: en flujo y sin recorte vertical, los tres carriles a la misma
     altura -la del mas alto- porque son items de un flex. Antes la tira
     media un alto fijo y el pie de las tarjetas no se veia. */
  .arra-spv-carriles { margin: 12px 0 0; display: flex; align-items: stretch; gap: 12px; padding: 4px 18px 8px; overflow-x: auto; overflow-y: visible; scroll-padding-inline: 18px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .arra-spv-carriles::-webkit-scrollbar { display: none; }
  .arra-spv-carril { flex: 0 0 calc(100% - 46px); min-height: 0; height: auto; padding: 20px 18px 18px; scroll-snap-align: center; scroll-snap-stop: always; opacity: .78; transform: none; }
  .arra-spv-carril.is-related, .arra-spv-carril.is-active { opacity: 1; transform: none; }
  .arra-spv-carril[data-lane="2"] { padding-bottom: 84px; }
  .arra-spv-carril-cab { padding-bottom: 13px; }
  .arra-spv-sigla { margin-top: 14px; }
  .arra-spv-filas { grid-template-columns: 1fr; gap: 0; margin-top: 13px; }
  .arra-spv-fila { min-height: 34px; }
  .arra-spv-lectura { margin-top: 13px; font-size: 9px; line-height: 1.5; }
  .arra-spv-incidencia { inset: auto 12px 12px; min-height: 58px; }
  .arra-spv-contencion::after { top: 12px; right: 12px; }
  .arra-spv-nav { position: relative; z-index: 8; margin: 12px 16px 8px; display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; gap: 10px; }
  .arra-spv-flecha { appearance: none; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 50%; color: var(--wp--preset--color--burdeos-900); background: var(--wp--preset--color--blanco); font: inherit; cursor: pointer; transition: opacity var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out); }
  .arra-spv-flecha:active { transform: scale(.94); }
  .arra-spv-flecha:disabled { opacity: .28; }
  .arra-spv-flecha svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .arra-spv-posicion { display: grid; justify-items: center; gap: 7px; }
  .arra-spv-posicion small { color: var(--wp--preset--color--tinta-500); font-size: 8px; font-weight: 600; letter-spacing: .08em; }
  .arra-spv-puntos { display: flex; align-items: center; gap: 6px; }
  .arra-spv-punto { appearance: none; width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: var(--wp--preset--color--neutro-400); cursor: pointer; transition: width var(--dur-base) var(--ease-out), border-radius var(--dur-base) ease, background-color var(--dur-base) ease; }
  .arra-spv-punto[aria-current="true"] { width: 22px; border-radius: 999px; background: var(--wp--preset--color--burdeos-900); }
  .arra-spv-desliza { color: var(--wp--preset--color--tinta-300); font-size: 7px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-spv-rama.is-active { animation: none; stroke-dashoffset: 0; }
  .arra-spv-madre, .arra-spv-rama, .arra-spv-carril, .arra-spv-estado, .arra-spv-incidencia, .arra-spv-contencion, .arra-spv-repetir { transition: none; }
}

/* En que fase estas: la linea de fases de Startups. Ver destilar.py,
   bloque_de_la_fase(). */
@property --arra-fase-t { syntax: "<number>"; inherits: true; initial-value: 0; }
.arra-fase-cabecera { max-inline-size: 54ch; margin-block-end: 34px; }
.arra-fase-h2 { margin: 10px 0 14px; }
.arra-fase-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-fase-cuerpo { --arra-fase-t: 0; display: grid; gap: 26px; inline-size: 100%;
            transition: --arra-fase-t 500ms var(--wp--custom--movimiento--entrada-salida); }
.arra-fase-cuerpo:has(#arra-fase-ronda:checked) { --arra-fase-t: 0.3333; }
.arra-fase-cuerpo:has(#arra-fase-escalar:checked) { --arra-fase-t: 0.6667; }
.arra-fase-cuerpo:has(#arra-fase-exit:checked) { --arra-fase-t: 1; }
.arra-fase-mando { position: relative; margin: 0; padding: 0; border: 0;
           display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
           grid-template-rows: auto 26px; justify-items: center; }
.arra-fase-mando input { position: absolute; opacity: 0; inline-size: 1px;
           block-size: 1px; margin: 0; pointer-events: none; }
.arra-fase-via { grid-row: 2; grid-column: 1 / -1; justify-self: stretch; align-self: center;
         position: relative; margin-inline: 12.5%; block-size: 2px;
         background: var(--wp--preset--color--neutro-300); }
.arra-fase-marcador { position: absolute; inset-block-start: 50%;
         inset-inline-start: calc(var(--arra-fase-t) * 100%); translate: -50% -50%;
         inline-size: 14px; block-size: 14px; border-radius: 50%;
         border: 3px solid var(--wp--preset--color--dorado-700); box-sizing: border-box; background: var(--wp--preset--color--blanco); }
.arra-fase-opcion { grid-row: 1; }
.arra-fase-opcion { position: relative; isolation: isolate; cursor: pointer;
            padding: 10px 14px; border-radius: 999px; white-space: nowrap;
            font-family: var(--font-display); font-weight: 500;
            font-size: clamp(11.5px, 3.1vw, 14px); line-height: 1;
            border: 1px solid var(--wp--preset--color--neutro-400); background: var(--wp--preset--color--blanco);
            color: color-mix(in srgb, var(--wp--preset--color--blanco) calc(var(--arra-fase-on) * 100%), var(--wp--preset--color--tinta-900)); }
.arra-fase-opcion::before { content: ""; position: absolute; inset: -1px; z-index: -1;
            border-radius: inherit; background: var(--wp--preset--color--burdeos-900); opacity: var(--arra-fase-on); }
.arra-fase-opcion--constitucion { --arra-fase-on: clamp(0, 1 - abs(var(--arra-fase-t) - 0) / 0.17, 1); }
.arra-fase-opcion--ronda { --arra-fase-on: clamp(0, 1 - abs(var(--arra-fase-t) - 0.3333) / 0.17, 1); }
.arra-fase-opcion--escalar { --arra-fase-on: clamp(0, 1 - abs(var(--arra-fase-t) - 0.6667) / 0.17, 1); }
.arra-fase-opcion--exit { --arra-fase-on: clamp(0, 1 - abs(var(--arra-fase-t) - 1) / 0.17, 1); }
.arra-fase-mando input:focus-visible + .arra-fase-opcion { outline: 2px solid var(--wp--preset--color--dorado-700);
            outline-offset: 3px; }
.arra-fase-lecturas { position: relative; margin: 0; min-block-size: 3.4em;
            font-family: var(--font-display); font-weight: 500;
            font-size: clamp(20px, 2.64vw, 26px); line-height: 1.35;
            color: var(--fg); text-align: center; }
.arra-fase-lectura { position: absolute; inset: 0; opacity: 0;
            transition: opacity 400ms var(--wp--custom--movimiento--entrada-salida); }
.arra-fase-lectura--constitucion { opacity: clamp(0, 1 - abs(var(--arra-fase-t) - 0) / 0.17, 1); }
.arra-fase-lectura--ronda { opacity: clamp(0, 1 - abs(var(--arra-fase-t) - 0.3333) / 0.17, 1); }
.arra-fase-lectura--escalar { opacity: clamp(0, 1 - abs(var(--arra-fase-t) - 0.6667) / 0.17, 1); }
.arra-fase-lectura--exit { opacity: clamp(0, 1 - abs(var(--arra-fase-t) - 1) / 0.17, 1); }
.arra-fase-cuerpo.esta-viva:not(:has(input:checked)) {
    animation: arra-fase-demo 5.6s var(--wp--custom--movimiento--entrada-salida) infinite; }
@keyframes arra-fase-demo {
  0%, 20% { --arra-fase-t: 0; } 25%, 45% { --arra-fase-t: 0.3333; }
  50%, 70% { --arra-fase-t: 0.6667; } 75%, 95% { --arra-fase-t: 1; }
  100% { --arra-fase-t: 0; }
}
@media (max-width: 599px) {
  .arra-fase-mando { column-gap: 6px; }
  .arra-fase-opcion { padding: 9px 8px; font-size: clamp(10px, 2.9vw, 13px);
      letter-spacing: -0.01em; max-inline-size: 100%; }
}
@media (min-width: 900px) {
  .arra-fase-cuerpo { gap: 36px; max-inline-size: 960px; margin-inline: auto; }
  .arra-fase-mando { grid-template-rows: auto 36px; }
  .arra-fase-opcion { padding: 14px 28px; font-size: clamp(14px, 1.15vw, 17px); }
  .arra-fase-marcador { inline-size: 18px; block-size: 18px; border-width: 4px; }
  .arra-fase-lecturas { font-size: clamp(26px, 2.4vw, 36px); min-block-size: 2.8em; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-fase-cuerpo, .arra-fase-cuerpo.esta-viva:not(:has(input:checked)) { transition: none;
      animation: none; }
  .arra-fase-lectura { transition: none; }
}

/* Abrir la cifra global: el reporting por pais de Ecommerce.
   Ver destilar.py, bloque_del_canal(). */
.arra-canal { margin: 0 0 36px; max-inline-size: 620px; padding: 22px 24px 20px;
     background: var(--wp--preset--color--blanco); border: 1px solid var(--arra-line-soft);
     border-radius: var(--r-lg); box-shadow: var(--wp--custom--sombra--insignia); }
.arra-canal-cabecera { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: baseline;
     justify-content: space-between; font-family: var(--font-display);
     font-weight: 500; font-size: 11.5px; letter-spacing: 0.16em;
     text-transform: uppercase; color: var(--wp--preset--color--burdeos-900); padding-block-end: 12px;
     margin-block-end: 14px; border-block-end: 1px solid var(--arra-line-soft); }
.arra-canal-leyenda { display: inline-flex; gap: 6px 14px; align-items: center;
     font-family: var(--font-body); font-weight: 400; font-size: 11.5px;
     letter-spacing: 0.02em; text-transform: none; color: var(--fg-soft); }
.arra-canal-leyenda > i { inline-size: 12px; block-size: 8px; border-radius: 2px;
     margin-inline-end: -8px; }
.arra-canal-leyenda--ventas { background: var(--wp--preset--color--burdeos-500); }
.arra-canal-leyenda--margen { background: var(--wp--preset--color--dorado-700); }
.arra-canal-filas { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.arra-canal-fila { display: grid; grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr);
     column-gap: 14px; align-items: center; font-size: 13.5px; color: var(--fg);
     transition: opacity 500ms var(--wp--custom--movimiento--salida), transform 500ms var(--wp--custom--movimiento--salida); }
.arra-canal-fila--total { font-family: var(--font-display); font-weight: 500;
     padding-block-end: 10px; border-block-end: 1px solid var(--arra-line-soft); }
.arra-canal-rotulo { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.arra-canal-alerta { font-style: normal; font-family: var(--font-display); font-weight: 500;
     font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
     padding: 3px 6px; border-radius: 4px; background: var(--wp--preset--color--burdeos-700); color: var(--wp--preset--color--blanco);
     transition: opacity 400ms var(--wp--custom--movimiento--salida) 1900ms; }
.arra-canal-barras { position: relative; display: block; block-size: 14px; }
.arra-canal-barras > i { position: absolute; inset-inline-start: 0; inset-block-start: 0;
     display: block; border-radius: 3px; transform-origin: 0 50%;
     transition: transform 700ms var(--wp--custom--movimiento--entrada-salida); }
.arra-canal-ventas { block-size: 14px; background: var(--wp--preset--color--burdeos-500); }
.arra-canal-margen { block-size: 14px; background: var(--wp--preset--color--dorado-700); }
.arra-canal-fila--alerta > .arra-canal-barras > .arra-canal-margen { background: var(--wp--preset--color--burdeos-900); }
.arra-canal-fila:nth-child(1) > .arra-canal-barras > .arra-canal-ventas { inline-size: 100%; }
.arra-canal-fila:nth-child(1) > .arra-canal-barras > .arra-canal-margen { inline-size: 34%; }
.arra-canal-fila:nth-child(2) > .arra-canal-barras > .arra-canal-ventas { inline-size: 62%; }
.arra-canal-fila:nth-child(2) > .arra-canal-barras > .arra-canal-margen { inline-size: 30%; }
.arra-canal-fila:nth-child(3) > .arra-canal-barras > .arra-canal-ventas { inline-size: 40%; }
.arra-canal-fila:nth-child(3) > .arra-canal-barras > .arra-canal-margen { inline-size: 22%; }
.arra-canal-fila:nth-child(4) > .arra-canal-barras > .arra-canal-ventas { inline-size: 78%; }
.arra-canal-fila:nth-child(4) > .arra-canal-barras > .arra-canal-margen { inline-size: 4%; }
.arra-canal-fila:nth-child(5) > .arra-canal-barras > .arra-canal-ventas { inline-size: 28%; }
.arra-canal-fila:nth-child(5) > .arra-canal-barras > .arra-canal-margen { inline-size: 14%; }
.arra-canal-fila:nth-child(1) { transition-delay: 0ms; }
.arra-canal-fila:nth-child(1) > .arra-canal-barras > i { transition-delay: 150ms; }
.arra-canal-fila:nth-child(2) { transition-delay: 860ms; }
.arra-canal-fila:nth-child(2) > .arra-canal-barras > i { transition-delay: 1060ms; }
.arra-canal-fila:nth-child(3) { transition-delay: 1020ms; }
.arra-canal-fila:nth-child(3) > .arra-canal-barras > i { transition-delay: 1220ms; }
.arra-canal-fila:nth-child(4) { transition-delay: 1180ms; }
.arra-canal-fila:nth-child(4) > .arra-canal-barras > i { transition-delay: 1380ms; }
.arra-canal-fila:nth-child(5) { transition-delay: 1340ms; }
.arra-canal-fila:nth-child(5) > .arra-canal-barras > i { transition-delay: 1540ms; }
.arra-canal-pie { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--fg-soft); }
.js-motion .arra-canal:not(.in) .arra-canal-barras > i { transform: scaleX(0); }
.js-motion .arra-canal:not(.in) .arra-canal-fila:not(.arra-canal-fila--total) { opacity: 0;
     transform: translateY(6px); }
.js-motion .arra-canal:not(.in) .arra-canal-alerta { opacity: 0; }
@media (max-width: 479px) {
  .arra-canal-fila { grid-template-columns: minmax(0, 1fr); row-gap: 5px; }
  .arra-canal-cabecera { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-canal-fila, .arra-canal-barras > i, .arra-canal-alerta { transition: none; }
  .js-motion .arra-canal:not(.in) .arra-canal-barras > i { transform: none; }
  .js-motion .arra-canal:not(.in) .arra-canal-fila:not(.arra-canal-fila--total) { opacity: 1; transform: none; }
  .js-motion .arra-canal:not(.in) .arra-canal-alerta { opacity: 1; }
}

/* El camino a la ronda: la pista de runway y las cinco etapas.
   Ver destilar.py, camino_en_la_ronda(). */
.arra-camino { display: grid; gap: 28px; margin-block-start: 34px; }
.arra-camino-pista { container-type: inline-size; position: relative; block-size: 44px;
           padding: 6px; border-radius: 999px; background: var(--wp--preset--color--burdeos-950);
           margin-block-start: 22px; }
.arra-camino-celdas { display: grid; grid-template-columns: repeat(20, minmax(0, 1fr));
            gap: 3px; block-size: 100%; }
.arra-camino-celdas > i { display: block; border-radius: 4px; background: var(--wp--preset--color--dorado-500); }
.arra-camino-celdas > i:nth-child(1) { opacity: 0.30; }
.arra-camino-celdas > i:nth-child(2) { opacity: 0.33; }
.arra-camino-celdas > i:nth-child(3) { opacity: 0.37; }
.arra-camino-celdas > i:nth-child(4) { opacity: 0.40; }
.arra-camino-celdas > i:nth-child(5) { opacity: 0.43; }
.arra-camino-celdas > i:nth-child(6) { opacity: 0.46; }
.arra-camino-celdas > i:nth-child(7) { opacity: 0.50; }
.arra-camino-celdas > i:nth-child(8) { opacity: 0.53; }
.arra-camino-celdas > i:nth-child(9) { opacity: 0.56; }
.arra-camino-celdas > i:nth-child(10) { opacity: 0.60; }
.arra-camino-celdas > i:nth-child(11) { opacity: 0.63; }
.arra-camino-celdas > i:nth-child(12) { opacity: 0.66; }
.arra-camino-celdas > i:nth-child(13) { opacity: 0.70; }
.arra-camino-celdas > i:nth-child(14) { opacity: 0.73; }
.arra-camino-celdas > i:nth-child(15) { opacity: 0.76; }
.arra-camino-celdas > i:nth-child(16) { opacity: 0.79; }
.arra-camino-celdas > i:nth-child(17) { opacity: 0.83; }
.arra-camino-celdas > i:nth-child(18) { opacity: 0.86; }
.arra-camino-celdas > i:nth-child(19) { opacity: 0.89; }
.arra-camino-celdas > i:nth-child(20) { opacity: 0.93; }
.arra-camino-pista::after { content: ""; position: absolute; inset: 0; border-radius: inherit;
           background: linear-gradient(90deg, transparent 30%, var(--wp--preset--color--dorado-300) 50%, transparent 70%);
           background-size: 300% 100%; background-repeat: no-repeat;
           background-position: 200% 0; mix-blend-mode: screen; opacity: 0.55;
           pointer-events: none; }
.arra-camino.esta-viva .arra-camino-pista::after { animation: arra-camino-luz 4s linear 2000ms infinite; }
@keyframes arra-camino-luz {
  0% { background-position: 200% 0; } 60%, 100% { background-position: -100% 0; }
}
.arra-camino-bandera { position: absolute; inset-inline-start: 80cqw; inset-block-end: calc(100% - 6px);
           translate: -50% 0; padding: 6px 12px 22px; border-radius: 8px 8px 0 0;
           font-family: var(--font-display); font-weight: 500; font-size: 11.5px;
           letter-spacing: 0.14em; text-transform: uppercase; line-height: 1;
           color: var(--wp--preset--color--burdeos-950); background: linear-gradient(180deg, var(--wp--preset--color--dorado-300) 0 24px, transparent 24px);
           white-space: nowrap; }
.arra-camino-bandera::after { content: ""; position: absolute; inset-inline-start: 50%;
           inset-block-end: 0; inline-size: 2px; block-size: 22px; margin-inline-start: -1px;
           background: var(--wp--preset--color--dorado-300); }
.arra-camino-etapas { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.arra-camino-etapa { position: relative; display: grid; gap: 6px; align-content: start;
           padding-inline-start: 46px;
           transition: opacity 600ms var(--wp--custom--movimiento--salida), transform 600ms var(--wp--custom--movimiento--salida); }
.arra-camino-num { position: absolute; inset-inline-start: 0; inset-block-start: 0;
         display: grid; place-items: center; inline-size: 32px; block-size: 32px;
         border-radius: 50%; font-family: var(--font-display); font-weight: 500;
         font-size: 12px; letter-spacing: 0.04em; color: var(--wp--preset--color--burdeos-900); background: var(--wp--preset--color--blanco);
         border: 1.5px solid var(--wp--preset--color--burdeos-700); transition: background-color 400ms var(--wp--custom--movimiento--salida), color 400ms var(--wp--custom--movimiento--salida); }
.arra-camino-etapa.in .arra-camino-num { background: var(--wp--preset--color--burdeos-900); color: var(--wp--preset--color--blanco); }
.arra-camino-kicker { font-family: var(--font-display); font-weight: 500; font-size: 11px;
            letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--dorado-700); }
.arra-camino-titulo { margin: 0; font-family: var(--font-display); font-weight: 500;
            font-size: 17px; line-height: 1.25; color: var(--fg); }
.arra-camino-texto { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); }
.arra-camino-entregable { position: relative; display: grid; gap: 3px; margin-block-start: 8px;
            padding: 10px 12px 11px 36px; border-radius: 10px; background: var(--wp--preset--color--blanco);
            border: 1px solid var(--arra-line-soft); font-size: 13.5px; line-height: 1.4;
            color: var(--fg); box-shadow: var(--wp--custom--sombra--insignia); }
.arra-camino-entregable-rotulo { font-family: var(--font-display); font-weight: 500;
            font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
            color: var(--wp--preset--color--burdeos-900); }
.arra-camino-tick { position: absolute; inset-inline-start: 11px; inset-block-start: 12px;
          inline-size: 16px; block-size: 16px; border-radius: 50%; box-sizing: border-box;
          border: 1.5px solid var(--wp--preset--color--dorado-700); background: var(--wp--preset--color--blanco);
          transition: background-color 400ms var(--wp--custom--movimiento--salida), border-color 400ms var(--wp--custom--movimiento--salida); }
.arra-camino-tick::after { content: ""; position: absolute; inset-inline-start: 4px; inset-block-start: 1px;
          inline-size: 4px; block-size: 8px; border: solid var(--wp--preset--color--blanco); border-width: 0 2px 2px 0;
          rotate: 45deg; opacity: 0; transition: opacity 300ms var(--wp--custom--movimiento--salida); }
.arra-camino-etapa.in .arra-camino-tick { background: var(--wp--preset--color--dorado-700); border-color: var(--wp--preset--color--dorado-700); }
.arra-camino-etapa.in .arra-camino-tick::after { opacity: 1; }
.js-motion .arra-camino-etapa:not(.in) { opacity: 0; transform: translateY(10px); }
.arra-camino-etapa:nth-child(1) { transition-delay: 300ms; }
.arra-camino-etapa:nth-child(2) { transition-delay: 560ms; }
.arra-camino-etapa:nth-child(3) { transition-delay: 820ms; }
.arra-camino-etapa:nth-child(4) { transition-delay: 1080ms; }
.arra-camino-etapa:nth-child(5) { transition-delay: 1340ms; }
.arra-camino-etapa:nth-child(1) .arra-camino-num { transition-delay: 700ms; }
.arra-camino-etapa:nth-child(2) .arra-camino-num { transition-delay: 960ms; }
.arra-camino-etapa:nth-child(3) .arra-camino-num { transition-delay: 1220ms; }
.arra-camino-etapa:nth-child(4) .arra-camino-num { transition-delay: 1480ms; }
.arra-camino-etapa:nth-child(5) .arra-camino-num { transition-delay: 1740ms; }
.arra-camino-etapa:nth-child(1) .arra-camino-tick { transition-delay: 1000ms; }
.arra-camino-etapa:nth-child(2) .arra-camino-tick { transition-delay: 1260ms; }
.arra-camino-etapa:nth-child(3) .arra-camino-tick { transition-delay: 1520ms; }
.arra-camino-etapa:nth-child(4) .arra-camino-tick { transition-delay: 1780ms; }
.arra-camino-etapa:nth-child(5) .arra-camino-tick { transition-delay: 2040ms; }
.arra-camino-etapa:nth-child(1) .arra-camino-tick::after { transition-delay: 1150ms; }
.arra-camino-etapa:nth-child(2) .arra-camino-tick::after { transition-delay: 1410ms; }
.arra-camino-etapa:nth-child(3) .arra-camino-tick::after { transition-delay: 1670ms; }
.arra-camino-etapa:nth-child(4) .arra-camino-tick::after { transition-delay: 1930ms; }
.arra-camino-etapa:nth-child(5) .arra-camino-tick::after { transition-delay: 2190ms; }
@media (max-width: 899px) {
  .arra-camino { grid-template-columns: 34px minmax(0, 1fr); column-gap: 16px;
        align-items: stretch; }
  .arra-camino-pista { container-type: size; block-size: auto; inline-size: 34px;
        box-sizing: border-box; margin-block-start: 0; padding: 5px; }
  .arra-camino-celdas { grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(20, minmax(0, 1fr)); }
  .arra-camino-pista::after { background: linear-gradient(180deg, transparent 30%, var(--wp--preset--color--dorado-300) 50%,
        transparent 70%); background-size: 100% 300%; background-position: 0 200%; }
  .arra-camino.esta-viva .arra-camino-pista::after { animation-name: arra-camino-luz-v; }
  .arra-camino-bandera { inset-inline-start: 50%; inset-block-start: 80cqh; inset-block-end: auto;
        translate: -50% -50%; rotate: -90deg; padding: 6px 12px; border-radius: 8px;
        background: var(--wp--preset--color--dorado-300); }
  .arra-camino-bandera::after { display: none; }
}
@keyframes arra-camino-luz-v {
  0% { background-position: 0 200%; } 60%, 100% { background-position: 0 -100%; }
}
@media (min-width: 900px) {
  .arra-camino-etapas { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 18px; }
  .arra-camino-etapa { padding-inline-start: 0; padding-block-start: 44px;
      grid-template-rows: auto auto minmax(0, 1fr) auto; align-content: stretch; }
  .arra-camino-etapa::before { content: ""; position: absolute; inset-inline-start: 15px;
      inset-block-start: -28px; inline-size: 1px; block-size: 28px; background: var(--wp--preset--color--neutro-400); }
  .arra-camino-etapa:nth-child(5)::before { background: var(--wp--preset--color--dorado-700); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-camino-etapa, .arra-camino-num, .arra-camino-tick, .arra-camino-tick::after { transition: none; }
  .js-motion .arra-camino:not(.in) .arra-camino-etapa { opacity: 1; transform: none; }
  .arra-camino.esta-viva .arra-camino-pista::after { animation: none; }
}

/* El ciclo de cierre de /corporate/asesoramiento-integral/: el embudo
   vivo. Ver destilar.py, bloque_del_ciclo(). */
.arra-ciclo { padding-block-end: var(--section-pad-y); }
.arra-ciclo-cabecera { max-inline-size: 52ch; margin-block-end: 36px; }
@media (min-width: 1000px) {
  .arra-ciclo { display: grid; align-items: center;
      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);
      column-gap: clamp(40px, 5vw, 72px); }
  .arra-ciclo-cabecera { margin-block-end: 0; }
}
.arra-ciclo-h2 { margin: 10px 0 14px; }
.arra-ciclo-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-ciclo-diagrama { max-inline-size: 820px; }
.arra-ciclo-cauces--v { display: none; }
.arra-ciclo-lienzo { position: relative; aspect-ratio: 10 / 7;
    overflow: hidden; container-type: inline-size; }
.arra-ciclo-cauces { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; }
.arra-ciclo-cauce { fill: none; stroke: var(--wp--preset--color--dorado-500);
    stroke-width: 1.5; vector-effect: non-scaling-stroke; opacity: .7; }
.arra-ciclo-punto { fill: var(--wp--preset--color--burdeos-700); }
.arra-ciclo-punto--oro { fill: var(--wp--preset--color--dorado-700); }
.arra-ciclo-nodo { position: absolute; display: grid; gap: 2px; padding: 10px 12px;
    border-radius: 12px; background: var(--wp--preset--color--neutro-100);
    border: 1px solid var(--arra-line-soft); box-shadow: var(--shadow-badge);
    font-size: clamp(10px, 2.4cqw, 13px); line-height: 1.2; }
.arra-ciclo-nodo small { font-size: 0.72em; letter-spacing: .12em;
    text-transform: uppercase; color: var(--wp--preset--color--tinta-500); }
.arra-ciclo-nodo b { font-family: var(--font-display); font-weight: 500;
    font-size: 1.05em; color: var(--fg); }
.arra-ciclo-nodo--f { left: 5%; top: 12%; }
.arra-ciclo-nodo--c { left: 5%; top: 42%; }
.arra-ciclo-nodo--l { left: 5%; top: 72%; }
.arra-ciclo-nodo--cierre { left: 47%; top: 50%; transform: translate(-50%, -50%);
    padding: 14px 18px; background: var(--wp--preset--color--burdeos-900);
    border-color: var(--wp--preset--color--burdeos-900); }
.arra-ciclo-nodo--cierre small { color: var(--wp--preset--color--dorado-300); }
.arra-ciclo-nodo--cierre b { color: var(--wp--preset--color--blanco); }
.arra-ciclo-nodo--informe { right: 5%; top: 50%; transform: translateY(-50%); }
.arra-ciclo-diagrama.esta-viva .arra-ciclo-nodo--cierre {
    animation: arra-ciclo-late 2.4s var(--wp--custom--movimiento--salida) infinite; }
@keyframes arra-ciclo-late {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--wp--preset--color--burdeos-700) 45%, transparent); }
  60% { box-shadow: 0 0 0 14px transparent; }
}
.arra-ciclo-vuelta { margin: 14px 0 0; color: var(--fg-soft);
                line-height: 1.7; }
@media (max-width: 619px) {
  .arra-ciclo-lienzo { aspect-ratio: 4 / 5; }
  .arra-ciclo-cauces--h { display: none; }
  .arra-ciclo-cauces--v { display: block; }
  .arra-ciclo-nodo { padding: 7px 8px; font-size: clamp(8px, 2.9cqw, 11px);
      min-inline-size: 0; overflow-wrap: anywhere; }
  .arra-ciclo-nodo--f, .arra-ciclo-nodo--c, .arra-ciclo-nodo--l { top: 4%; inline-size: 29%;
      box-sizing: border-box; }
  .arra-ciclo-nodo--f { left: 4%; }
  .arra-ciclo-nodo--c { left: 35.5%; }
  .arra-ciclo-nodo--l { left: 67%; }
  .arra-ciclo-nodo--cierre { left: 50%; top: 50%; inline-size: auto;
      transform: translate(-50%, -50%); padding: 12px 16px; }
  .arra-ciclo-nodo--informe { right: auto; left: 50%; top: auto; bottom: 5%;
      transform: translateX(-50%); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-ciclo-diagrama.esta-viva .arra-ciclo-nodo--cierre { animation: none; }
}

/* El sistema 360: la rueda de cuatro capacidades, portada del prototipo del
   cliente. Ver destilar.py, bloque_de_la_orbita(). */
.arra-orbita360 {
  --wine: var(--wp--preset--color--burdeos-900);
  --wine-deep: var(--wp--preset--color--burdeos-950);
  --wine-soft: color-mix(in srgb, var(--wp--preset--color--burdeos-900) 8%, var(--wp--preset--color--blanco));
  --gold: var(--wp--preset--color--dorado-700);
  --gold-soft: color-mix(in srgb, var(--gold) 12%, var(--wp--preset--color--blanco));
  --paper: var(--wp--preset--color--blanco);
  --surface: var(--wp--preset--color--neutro-100);
  --ink: var(--wp--preset--color--tinta-900);
  --muted: var(--wp--preset--color--tinta-500);
  --faint: var(--wp--preset--color--tinta-300);
  --line: color-mix(in srgb, var(--ink) 13%, transparent);
  --shadow: rgba(61, 15, 31, .10);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1); }
.arra-orbita360-cabecera { max-inline-size: 54ch; }
.arra-orbita360-h2 { margin: 10px 0 14px; }
.arra-orbita360-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-orbita360 .a360-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-block-end: 30px; }
.arra-orbita360 button, .arra-orbita360 a { font: inherit; }
.arra-orbita360 .a360-caja { position: relative; max-inline-size: 1080px; padding: clamp(20px, 4vw, 46px);
  border: 1px solid var(--wp--preset--color--neutro-300); border-radius: var(--r-xl); color: var(--ink);
  background: radial-gradient(circle at 18% 55%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 34%), var(--paper);
  box-shadow: 0 20px 65px var(--shadow); font-family: var(--font-body); overflow: hidden; }
.arra-orbita360 .a360-caja * { box-sizing: border-box; }
.arra-orbita360 .a360-play { appearance: none; display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; min-height: 42px; padding: 9px 15px;
  border: 1px solid var(--line); border-radius: 999px; color: var(--wine-deep); background: var(--surface); font-family: var(--font-body);
  font-size: 11px; font-weight: 600; letter-spacing: .02em; cursor: pointer; transition: transform 180ms var(--ease-out), background-color 180ms ease, opacity 180ms ease; }
.arra-orbita360 .a360-play:hover { background: var(--wine-soft); }
.arra-orbita360 .a360-play:disabled { opacity: .58; cursor: wait; transform: none; }
.arra-orbita360 .a360-play svg { width: 13px; height: 13px; fill: currentColor; }
.arra-orbita360 .a360-layout { display: grid; grid-template-columns: minmax(510px, 1.1fr) minmax(300px, .9fr); align-items: center; gap: clamp(20px, 4vw, 56px); }
.arra-orbita360 .a360-wheel-column { min-width: 0; }
.arra-orbita360 .a360-wheel { position: relative; width: min(100%, 560px); aspect-ratio: 1; margin: 0 auto; isolation: isolate; touch-action: none; user-select: none; -webkit-user-select: none; }
.arra-orbita360 .a360-wheel::before { content: ""; position: absolute; inset: 18%; z-index: -1; border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--wine) 7%, transparent), transparent 68%); filter: blur(3px); }
.arra-orbita360 .a360-orbit { display: block; width: 100%; height: 100%; overflow: visible; }
.arra-orbita360 .a360-guide { fill: none; stroke: var(--line); stroke-width: 1; stroke-dasharray: 2 8; vector-effect: non-scaling-stroke; }
.arra-orbita360 .a360-sector { fill: none; stroke: color-mix(in srgb, var(--ink) 17%, transparent); stroke-width: 8; stroke-linecap: round; cursor: pointer;
  vector-effect: non-scaling-stroke; transition: stroke 260ms ease, stroke-width 260ms ease, filter 260ms ease; }
.arra-orbita360 .a360-sector:focus-visible, .arra-orbita360 .a360-sector.is-active { stroke: var(--wine); stroke-width: 16; filter: drop-shadow(0 7px 11px var(--shadow)); outline: none; }
.arra-orbita360 .a360-sector-hit { fill: none; stroke: transparent; stroke-width: 48; cursor: pointer; pointer-events: stroke; }
.arra-orbita360 .a360-sector-hit:focus-visible { outline: none; stroke: color-mix(in srgb, var(--gold) 18%, transparent); }
.arra-orbita360 .a360-connector { fill: none; stroke: transparent; stroke-width: 1.5; stroke-dasharray: 210; stroke-dashoffset: 210; vector-effect: non-scaling-stroke; }
.arra-orbita360 .a360-connector.is-active { stroke: var(--gold); animation: a360-draw 520ms var(--ease-out) forwards; }
.arra-orbita360 .a360-marker { fill: var(--gold); stroke: var(--paper); stroke-width: 4; opacity: 0; transform-origin: center; transition: opacity 220ms ease; filter: drop-shadow(0 4px 7px var(--shadow)); }
.arra-orbita360 .a360-marker.is-active { opacity: 1; }
.arra-orbita360 .a360-core { position: absolute; left: 50%; top: 50%; display: grid; place-content: center; width: 176px; height: 176px; padding: 20px; border-radius: 50%;
  color: var(--paper); background: var(--wine-deep); text-align: center; transform: translate(-50%, -50%);
  box-shadow: 0 0 0 12px color-mix(in srgb, var(--paper) 92%, transparent), 0 0 0 13px var(--line), 0 18px 35px var(--shadow); }
.arra-orbita360 .a360-core-label { color: var(--wp--preset--color--dorado-300); font-size: 9px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.arra-orbita360 .a360-core strong { display: block; margin-top: 8px; font-family: var(--font-display); font-size: 18px; font-weight: 500; letter-spacing: -.025em; line-height: 1.15; }
.arra-orbita360 .a360-choice { appearance: none; position: absolute; display: grid; gap: 2px; min-width: 158px; padding: 6px; border: 0; color: var(--muted); background: transparent;
  cursor: pointer; transition: color 220ms ease, transform 220ms var(--ease-out); }
.arra-orbita360 .a360-choice:hover, .arra-orbita360 .a360-choice:focus-visible, .arra-orbita360 .a360-choice[aria-pressed="true"] { color: var(--wine-deep); }
.arra-orbita360 .a360-choice:focus-visible { outline: 3px solid color-mix(in srgb, var(--gold) 52%, transparent); outline-offset: 3px; border-radius: 10px; }
.arra-orbita360 .a360-choice-num { color: var(--gold); font-size: 9px; font-weight: 600; letter-spacing: .14em; }
.arra-orbita360 .a360-choice-name { font-size: 12px; font-weight: 600; line-height: 1.2; }
/* LOS CUATRO ROTULOS, EN LAS DIAGONALES. El cliente (22/09/2026): «no me
   gusta que Consultoria y proyectos y Direccion financiera esten
   chocandose con la linea del circulo; quiero que cada titular con su
   numero este en 45, 135, 225 y 315 grados, alineadas con el circulito
   que aparece a la mitad al ponerte encima del arco».

   Estaban a las 12, las 3, las 6 y las 9, o sea en los EXTREMOS de cada
   arco, que es justo donde el trazo pasa y por eso se tocaban. El punto
   medio de cada cuarto cae en la diagonal, asi que ahi es donde el rotulo
   senala a su arco y no a la juntura entre dos.

   La posicion sale de la trigonometria y no de un ojo: para un angulo a
   medido desde arriba, el punto esta en 50 + R sen(a) y 50 - R cos(a),
   con R = 48 % del lienzo. El anillo vive en `inset: 18%`, o sea radio
   32 %, asi que a 48 los rotulos quedan fuera de la linea. */
.arra-orbita360 .a360-choice--1 { left: 83.94%; top: 16.06%; text-align: center; transform: translate(-50%, -50%); }
.arra-orbita360 .a360-choice--2 { left: 83.94%; top: 83.94%; text-align: center; transform: translate(-50%, -50%); }
.arra-orbita360 .a360-choice--3 { left: 16.06%; top: 83.94%; text-align: center; transform: translate(-50%, -50%); }
.arra-orbita360 .a360-choice--4 { left: 16.06%; top: 16.06%; text-align: center; transform: translate(-50%, -50%); }
.arra-orbita360 .a360-gesture-hint { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; opacity: 0; pointer-events: none;
  transition: opacity 320ms var(--ease-out); }
.arra-orbita360 .a360-wheel.is-invitando .a360-gesture-hint { opacity: 1; }
.arra-orbita360 .a360-wheel.is-invitando .a360-orbit, .arra-orbita360 .a360-wheel.is-invitando .a360-core, .arra-orbita360 .a360-wheel.is-invitando > .a360-choice {
  filter: blur(2px); opacity: .55; transition: filter 320ms var(--ease-out), opacity 320ms var(--ease-out); }
.arra-orbita360 .a360-orbit, .arra-orbita360 .a360-core, .arra-orbita360 .a360-wheel > .a360-choice { transition: filter 320ms var(--ease-out), opacity 320ms var(--ease-out); }
.arra-orbita360 .a360-gesture-pill { display: inline-flex; align-items: center; gap: 12px; padding: 12px 18px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--paper); color: var(--wine-deep); font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: .02em;
  box-shadow: 0 14px 34px var(--shadow); }
.arra-orbita360 .a360-gesture-track { position: relative; width: 42px; height: 12px; }
.arra-orbita360 .a360-gesture-track::before { content: ""; position: absolute; left: 3px; right: 3px; top: 6px; height: 1px; background: var(--line); }
.arra-orbita360 .a360-gesture-track::after { content: ""; position: absolute; left: 14px; top: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 15%, transparent); }
.arra-orbita360 .a360-wheel.is-invitando .a360-gesture-track::after { animation: a360-hint-swipe 760ms var(--ease-in-out) 300ms infinite alternate both; }
.arra-orbita360 .a360-hint-mobile { display: none; }
.arra-orbita360 .a360-detail { position: relative; min-height: 390px; padding: clamp(22px, 3.5vw, 36px); border: 1px solid var(--line); border-radius: 24px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--wine-soft) 45%, transparent), transparent 52%), var(--surface); overflow: hidden; }
.arra-orbita360 .a360-mobile-choices { display: none; }
.arra-orbita360 .a360-mobile-choice { appearance: none; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; min-height: 46px; padding: 8px 0; border: 0;
  border-bottom: 1px solid var(--line); color: var(--muted); background: transparent; text-align: left; cursor: pointer; }
.arra-orbita360 .a360-mobile-choice[aria-pressed="true"] { color: var(--wine-deep); }
.arra-orbita360 .a360-mobile-choice .a360-choice-num { align-self: start; margin-top: 2px; }
.arra-orbita360 .a360-mobile-choice .a360-choice-name { font-size: 11px; }
.arra-orbita360 .a360-detail::after { content: attr(data-number); position: absolute; right: -9px; bottom: -35px; color: color-mix(in srgb, var(--wine) 7%, transparent);
  font-family: var(--font-display); font-size: 190px; font-weight: 500; line-height: 1; pointer-events: none; }
.arra-orbita360 .a360-detail-inner { position: relative; z-index: 1; }
.arra-orbita360 .a360-detail.is-changing .a360-detail-inner { animation: a360-enter 360ms var(--ease-out); }
.arra-orbita360 .a360-count { display: flex; align-items: center; gap: 10px; color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.arra-orbita360 .a360-count::after { content: ""; width: 42px; height: 1px; background: currentColor; }
.arra-orbita360 .a360-detail h3 { margin: 25px 0 12px; max-width: 12ch; color: var(--ink); font-family: var(--font-display); font-size: clamp(27px, 3.4vw, 38px); font-weight: 500; letter-spacing: -.04em; line-height: 1.04; }
.arra-orbita360 .a360-detail-copy { margin: 0; max-width: 38ch; color: var(--muted); font-size: 14px; line-height: 1.62; }
.arra-orbita360 .a360-includes { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--line); }
.arra-orbita360 .a360-includes-label { display: block; margin-bottom: 11px; color: var(--faint); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.arra-orbita360 .a360-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.arra-orbita360 .a360-tag { padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: color-mix(in srgb, var(--paper) 62%, transparent); font-size: 10px; font-weight: 600; }
.arra-orbita360 .a360-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; color: var(--wine-deep); font-size: 11px; font-weight: 600; letter-spacing: .03em; text-decoration: none; }
.arra-orbita360 .a360-link span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--paper); background: var(--wine-deep); transition: transform 180ms var(--ease-out); }
.arra-orbita360 .a360-link:focus-visible { outline: 3px solid color-mix(in srgb, var(--gold) 52%, transparent); outline-offset: 5px; border-radius: 4px; }
@keyframes a360-draw { to { stroke-dashoffset: 0; } }
@keyframes a360-hint-swipe { from { transform: translateX(-10px); } to { transform: translateX(10px); } }
@keyframes a360-enter { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
@media (hover: hover) and (pointer: fine) {
  .arra-orbita360 .a360-play:hover { transform: translateY(-1px); }
  .arra-orbita360 .a360-sector:hover { stroke: var(--wine); stroke-width: 16; filter: drop-shadow(0 7px 11px var(--shadow)); }
  /* LOS CUATRO ROTULOS SE LEVANTAN SIN PERDER SU CENTRADO. El cliente
     (23/09/2026): «al ponerte encima se mete dentro del anillo». Y era
     literal: en reposo los cuatro van con `translate(-50%, -50%)` -van
     centrados en su punto por los dos ejes- y el hover reescribia el
     `transform` ENTERO dejandose un eje fuera. Los de arriba y abajo
     perdian el `-50%` vertical y bajaban medio rotulo; los de los lados
     perdian el horizontal y se metian medio rotulo hacia dentro, que es
     justo donde esta el anillo.
     `transform` es una sola propiedad: quien la reescribe la reescribe
     entera. Una sola regla con los dos ejes y el levantamiento. */
  .arra-orbita360 .a360-choice:hover { transform: translate(-50%, calc(-50% - 2px)); }
  .arra-orbita360 .a360-link:hover span { transform: translateX(3px); }
}
@media (max-width: 860px) {
  .arra-orbita360 .a360-layout { grid-template-columns: 1fr; }
  .arra-orbita360 .a360-wheel { max-width: 540px; }
  .arra-orbita360 .a360-detail { min-height: 340px; }
}
@media (max-width: 580px) {
  .arra-orbita360 .a360-caja { border-radius: var(--r-lg); }
  .arra-orbita360 .a360-head { align-items: flex-start; flex-direction: column; }
  .arra-orbita360 .a360-wheel { width: min(100%, 410px); }
  .arra-orbita360 .a360-wheel > .a360-choice { display: none; }
  .arra-orbita360 .a360-core { width: 132px; height: 132px; padding: 14px; }
  .arra-orbita360 .a360-core strong { font-size: 14px; }
  .arra-orbita360 .a360-mobile-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin-top: -22px; }
  .arra-orbita360 .a360-hint-desktop { display: none; }
  .arra-orbita360 .a360-hint-mobile { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-orbita360 .a360-caja *, .arra-orbita360 .a360-caja *::before, .arra-orbita360 .a360-caja *::after {
    animation-duration: .001ms !important; animation-delay: 0ms !important; transition-duration: .001ms !important; }
  .arra-orbita360 .a360-gesture-track::after { animation: none !important; }
}

/* Antes y despues de una estructura societaria: el relato en ocho pasos
   del prototipo del cliente. Ver destilar.py, bloque_de_la_arquitectura(),
   y assets/js/arquitectura.js. */
.arra-arquitectura { padding-block-end: var(--section-pad-y); }
.arra-arquitectura-cabecera { max-inline-size: 54ch; margin-block-end: 38px; }
.arra-arquitectura-h2 { margin: 10px 0 14px; }
.arra-arquitectura-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }

/* `touch-action: pan-y`: el dedo puede seguir desplazando la pagina en
   vertical, pero un gesto horizontal sobre la ficha o los mapas llega al
   script, que pasa de paso (cliente, 22/09/2026). */
.arra-arquitectura-comparacion { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 3.5vw, 52px); touch-action: pan-y; }
.arra-arquitectura-relato { touch-action: pan-y; }
.arra-arquitectura-caso { min-width: 0; margin: 0; transition: opacity var(--dur-base) ease; }
.arra-arquitectura-caso.is-secondary { opacity: .58; }
.arra-arquitectura-rotulo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 15px; color: var(--wp--preset--color--tinta-500); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.arra-arquitectura-rotulo span:first-child { display: inline-flex; align-items: center; gap: 10px; }
.arra-arquitectura-rotulo span:first-child::before { content: ''; width: 17px; height: 1px; background: var(--wp--preset--color--dorado-700); }
.arra-arquitectura-caso--orden .arra-arquitectura-rotulo { color: var(--wp--preset--color--burdeos-900); }
.arra-arquitectura-cuenta { color: var(--wp--preset--color--tinta-300); font-size: 10px; letter-spacing: .08em; }

/* EL ALTO DEL MAPA NO PUEDE IR POR `min-height` CON `aspect-ratio`: un minimo
   de alto se TRANSFIERE al ancho a traves de la proporcion, y a 375 px el
   mapa salia de 611 px de ancho (medido) dentro de una columna de 335. En
   fila manda la proporcion; en columna, un alto fijo y sin proporcion. */
.arra-arquitectura-mapa { position: relative; aspect-ratio: 1.42 / 1; overflow: hidden; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 20px; background: var(--wp--preset--color--neutro-100); isolation: isolate; transition: border-color var(--dur-base) ease, box-shadow var(--dur-base) ease; }
.arra-arquitectura-caso.is-story-panel .arra-arquitectura-mapa { border-color: color-mix(in srgb, var(--wp--preset--color--burdeos-900) 42%, transparent); box-shadow: var(--shadow-2); }
.arra-arquitectura-meta { position: absolute; top: 18px; z-index: 5; color: var(--wp--preset--color--tinta-300); font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.arra-arquitectura-meta--izq { left: 20px; }
.arra-arquitectura-meta--der { right: 20px; }

.arra-arquitectura-relaciones { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.arra-arquitectura-relacion { fill: none; stroke: var(--wp--preset--color--tinta-300); stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; opacity: .48; transition: opacity var(--dur-base) ease, stroke var(--dur-base) ease, stroke-width var(--dur-base) ease; }
.arra-arquitectura-relacion--cruce { stroke: var(--wp--preset--color--dorado-700); stroke-dasharray: 4 7; opacity: .58; }
.arra-arquitectura-mapa--orden .arra-arquitectura-relacion { stroke: var(--wp--preset--color--dorado-700); opacity: .52; }
.arra-arquitectura-relacion.is-muted { opacity: .06; }
.arra-arquitectura-relacion.is-active { stroke: var(--wp--preset--color--burdeos-700); stroke-width: 2; opacity: .92; }
.arra-arquitectura-relacion.is-drawing { stroke-dasharray: 1; stroke-dashoffset: 1; animation: arra-arq-traza 620ms var(--wp--custom--movimiento--entrada-salida) forwards; }
@keyframes arra-arq-traza { to { stroke-dashoffset: 0; } }

.arra-arquitectura-entidad { appearance: none; position: absolute; z-index: 3; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 11px; width: 170px; min-height: 68px; padding: 12px 13px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 16px; color: var(--wp--preset--color--tinta-900); background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); text-align: left; font: inherit; cursor: pointer; transition: opacity var(--dur-base) ease, transform var(--dur-base) var(--ease-out), border-color var(--dur-base) ease, box-shadow var(--dur-base) ease; }
.arra-arquitectura-entidad:active { transform: scale(.98); }
.arra-arquitectura-entidad:focus-visible { outline: 2px solid var(--wp--preset--color--burdeos-700); outline-offset: 3px; }
.arra-arquitectura-entidad.is-muted { opacity: .25; }
.arra-arquitectura-entidad.is-active { opacity: 1; border-color: var(--wp--preset--color--burdeos-700); box-shadow: var(--shadow-2); transform: translateY(-3px); }
.arra-arquitectura-entidad.is-related { opacity: .82; border-color: var(--wp--preset--color--dorado-500); }
.arra-arquitectura-icono { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 50%; color: var(--wp--preset--color--burdeos-700); background: var(--wp--preset--color--blanco); }
.arra-arquitectura-entidad--persona .arra-arquitectura-icono { color: var(--wp--preset--color--dorado-700); border-color: var(--wp--preset--color--dorado-300); background: color-mix(in srgb, var(--wp--preset--color--dorado-300) 12%, var(--wp--preset--color--blanco)); }
.arra-arquitectura-entidad--holding .arra-arquitectura-icono { color: var(--wp--preset--color--blanco); border-color: var(--wp--preset--color--burdeos-900); background: var(--wp--preset--color--burdeos-900); }
.arra-arquitectura-entidad--patrimonial .arra-arquitectura-icono { color: var(--wp--preset--color--dorado-700); border-color: var(--wp--preset--color--dorado-300); background: color-mix(in srgb, var(--wp--preset--color--dorado-300) 12%, var(--wp--preset--color--blanco)); }
.arra-arquitectura-icono svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.arra-arquitectura-etiqueta { display: block; margin-bottom: 3px; color: var(--wp--preset--color--tinta-300); font-size: 8px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.arra-arquitectura-nombre { display: block; font-family: var(--font-display); font-size: 13px; font-weight: 500; letter-spacing: -.02em; line-height: 1.18; }
.arra-arquitectura-nota { display: block; margin-top: 3px; color: var(--wp--preset--color--tinta-500); font-size: 8px; line-height: 1.3; }

.arra-arquitectura-aviso { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; margin-top: 1px; padding: 7px 8px; border-radius: 8px; color: var(--wp--preset--color--burdeos-900); background: color-mix(in srgb, var(--wp--preset--color--burdeos-900) 8%, var(--wp--preset--color--blanco)); font-size: 8px; font-weight: 500; line-height: 1.25; }
.arra-arquitectura-aviso-icono svg { flex: 0 0 auto; width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.arra-arquitectura-aviso-icono { display: inline-flex; }

/* El mapa del desorden */
.arra-arquitectura-pos-la { top: 12%; left: 7%; }
.arra-arquitectura-pos-lb { top: 11%; right: 7%; }
.arra-arquitectura-pos-ls1 { bottom: 10%; left: 4%; }
.arra-arquitectura-pos-ls2 { top: 43%; left: 37%; }
.arra-arquitectura-pos-ls3 { right: 4%; bottom: 5%; width: 196px; min-height: 104px; }
/* El mapa del orden */
.arra-arquitectura-pos-rfamilia { top: 7%; left: 50%; width: 190px; transform: translateX(-50%); }
.arra-arquitectura-pos-rholding { top: 38%; left: 50%; transform: translateX(-50%); }
.arra-arquitectura-pos-rop1 { bottom: 6%; left: 3%; width: 145px; }
.arra-arquitectura-pos-rspv { bottom: 6%; left: 38%; width: 145px; }
.arra-arquitectura-pos-rpatrimonial { right: 3%; bottom: 6%; width: 145px; }
/* Las dos del eje llevan su propio centrado, asi que el salto al
   encenderse hay que escribirlo entero: `transform` es una sola
   propiedad y con `translateY` solo se perdia el `translateX`. */
.arra-arquitectura-pos-rfamilia.is-active,
.arra-arquitectura-pos-rholding.is-active { transform: translateX(-50%) translateY(-3px); }

.arra-arquitectura-pie-caso { min-height: 78px; margin: 18px 0 0; color: var(--wp--preset--color--tinta-500); font-size: 14px; line-height: 1.6; }

/* El relato: la ficha del paso, el mando y la barra de progreso */
.arra-arquitectura-relato { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; margin: 0 0 14px; padding: 22px 24px; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 16px; background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); }
.arra-arquitectura-indice { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--wp--preset--color--dorado-300); border-radius: 50%; color: var(--wp--preset--color--burdeos-900); background: color-mix(in srgb, var(--wp--preset--color--dorado-300) 12%, var(--wp--preset--color--blanco)); font-family: var(--font-display); font-size: 11px; font-weight: 500; }
.arra-arquitectura-relato-texto small { display: block; margin-bottom: 5px; color: var(--wp--preset--color--dorado-700); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.arra-arquitectura-relato-texto p { margin: 0; max-width: 82ch; color: var(--wp--preset--color--tinta-900); font-size: clamp(14px, 1.35vw, 17px); line-height: 1.52; }
.arra-arquitectura-progreso { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; margin: 0 0 clamp(26px, 4vw, 40px); }
.arra-arquitectura-progreso button { appearance: none; height: 3px; padding: 0; border: 0; border-radius: 999px; background: var(--wp--preset--color--neutro-300); cursor: pointer; transition: background-color var(--dur-base) ease, transform var(--dur-fast) var(--ease-out); }
.arra-arquitectura-progreso button[aria-current="step"] { background: var(--wp--preset--color--burdeos-900); }
.arra-arquitectura-progreso button.is-past { background: var(--wp--preset--color--dorado-500); }
.arra-arquitectura-progreso button:active { transform: scaleY(2); }

/* Las pestanas de los margenes. Solo de pie -ver la @media de 1100-: una a
   cada lado del mapa, a media altura, con un galon. La de la derecha se
   asoma hacia fuera cada 2,6 s mientras el bloque se ve (`esta-viva`, de
   vivo.js), que es lo que dice «esto se pasa con el dedo». Miden 26x64 y
   el `::before` les da los 44 px de dedo sin agrandar lo que se ve. */
.arra-arquitectura-borde { display: none; position: absolute; z-index: 6; top: 46%; place-items: center; width: 26px; height: 64px; padding: 0; border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 999px; color: var(--wp--preset--color--burdeos-900); background: color-mix(in srgb, var(--wp--preset--color--blanco) 92%, transparent); box-shadow: var(--shadow-badge); cursor: pointer; transform: translateY(-50%); }
.arra-arquitectura-borde::before { content: ''; position: absolute; inset: -9px; }
.arra-arquitectura-borde--ant { left: -4px; }
.arra-arquitectura-borde--sig { right: -4px; }
.arra-arquitectura-borde svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.arra-arquitectura-borde:active { background: var(--wp--preset--color--neutro-100); }
.arra-arquitectura-borde:focus-visible { outline: 2px solid var(--wp--preset--color--burdeos-700); outline-offset: 3px; }
.arra-arquitectura.esta-viva .arra-arquitectura-borde--sig { animation: arra-arq-asoma 2.6s var(--wp--custom--movimiento--entrada-salida) infinite; }
.arra-arquitectura.esta-viva .arra-arquitectura-borde--ant { animation: arra-arq-asoma-atras 2.6s var(--wp--custom--movimiento--entrada-salida) infinite; }
@keyframes arra-arq-asoma { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(-50%) translateX(5px); } }
@keyframes arra-arq-asoma-atras { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(-50%) translateX(-5px); } }
.arra-arquitectura-aviso { }
.arra-arquitectura > .arra-arquitectura-aviso { display: flex; gap: 13px; max-width: 940px; margin: 28px 0 0; padding: 0; border-radius: 0; background: transparent; color: var(--wp--preset--color--tinta-500); font-size: 15px; font-weight: 400; line-height: 1.7; }
.arra-arquitectura > .arra-arquitectura-aviso::before { content: 'i'; display: grid; place-items: center; flex: 0 0 auto; width: 20px; height: 20px; margin-top: 3px; border: 1px solid var(--wp--preset--color--dorado-700); border-radius: 50%; color: var(--wp--preset--color--dorado-700); font-size: 11px; font-style: italic; }

@media (hover: hover) and (pointer: fine) {
  .arra-arquitectura-entidad:hover { border-color: var(--wp--preset--color--burdeos-700); transform: translateY(-3px); box-shadow: var(--shadow-2); }
  .arra-arquitectura-pos-rfamilia:hover,
  .arra-arquitectura-pos-rholding:hover { transform: translateX(-50%) translateY(-3px); }
}

@media (max-width: 1100px) {
  /* UN SOLO MAPA (cliente, 22/09/2026): de pie no caben en una pantalla la
     ficha del paso y los dos mapas, y el segundo se leia sin saber a que
     paso pertenecia. Los dos casos ocupan la MISMA celda y solo se ve el
     del paso: el desorden en los pasos 1 a 4 y, pasado el cuarto, el mapa
     ordenado entra deslizandose desde la derecha para los pasos 5 a 8 -y
     al revés al volver-. El que no toca sigue en el marcado, invisible y
     fuera del dedo y del tabulador (`visibility`), que se retrasa lo que
     dura el fundido para que no desaparezca de golpe. */
  .arra-arquitectura-comparacion { position: relative; grid-template-columns: minmax(0, 1fr); gap: 0; }
  .arra-arquitectura-caso { grid-area: 1 / 1; transition: opacity var(--dur-base) ease, transform var(--dur-base) var(--ease-out), visibility 0s; }
  .arra-arquitectura-caso.is-secondary { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--dur-base) ease, transform var(--dur-base) var(--ease-out), visibility 0s var(--dur-base); }
  .arra-arquitectura-caso--desorden.is-secondary { transform: translateX(-28px); }
  .arra-arquitectura-caso--orden.is-secondary { transform: translateX(28px); }
  .arra-arquitectura-mapa { aspect-ratio: auto; block-size: 470px; }
  .arra-arquitectura-borde { display: grid; }
  .arra-arquitectura-entidad { width: 180px; }
  .arra-arquitectura-pos-ls3 { width: 210px; }
  .arra-arquitectura-pos-rop1, .arra-arquitectura-pos-rspv,
  .arra-arquitectura-pos-rpatrimonial { width: 155px; }
}

@media (max-width: 620px) {
  .arra-arquitectura-mapa { block-size: 420px; border-radius: 16px; }
  .arra-arquitectura-meta--der { display: none; }
  .arra-arquitectura-entidad { grid-template-columns: 32px 1fr; gap: 8px; width: 142px; min-height: 58px; padding: 9px 10px; border-radius: 12px; }
  .arra-arquitectura-icono { width: 32px; height: 32px; }
  .arra-arquitectura-icono svg { width: 16px; height: 16px; }
  .arra-arquitectura-nombre { font-size: 11px; }
  .arra-arquitectura-etiqueta { font-size: 7px; }
  .arra-arquitectura-nota { display: none; }
  .arra-arquitectura-pos-la { left: 3%; }
  .arra-arquitectura-pos-lb { right: 3%; }
  .arra-arquitectura-pos-ls1 { left: 2%; }
  .arra-arquitectura-pos-ls2 { left: 35%; }
  .arra-arquitectura-pos-ls3 { right: 2%; width: 164px; min-height: 88px; }
  .arra-arquitectura-pos-rfamilia { width: 160px; }
  .arra-arquitectura-pos-rholding { left: 50%; }
  /* LA FILA DE ABAJO SE MIDE, NO SE COPIA. El prototipo pone las tres
     cajas a 112 px, y tres de 112 son 336 dentro de un mapa que a
     375 px mide 335: medido, se pisaban 6 px la primera con la segunda
     y 11 la segunda con la tercera. En porcentaje caben siempre y
     quedan a la misma distancia una de otra -12 px a 375-, y la
     columna del texto sale en 52,5 px, exactamente los que tenia
     antes: lo que se recorta es el icono y el relleno, no la letra. */
  .arra-arquitectura-pos-rop1, .arra-arquitectura-pos-rspv,
  .arra-arquitectura-pos-rpatrimonial { width: 30%; grid-template-columns: 26px 1fr;
           gap: 6px; padding: 8px; }
  .arra-arquitectura-pos-rop1 .arra-arquitectura-icono,
  .arra-arquitectura-pos-rspv .arra-arquitectura-icono,
  .arra-arquitectura-pos-rpatrimonial .arra-arquitectura-icono { width: 26px; height: 26px; }
  .arra-arquitectura-pos-rop1 { left: 1.5%; }
  .arra-arquitectura-pos-rspv { left: 35%; }
  .arra-arquitectura-pos-rpatrimonial { right: 1.5%; }
  .arra-arquitectura-aviso { font-size: 7px; }
  .arra-arquitectura-relato { grid-template-columns: 38px 1fr; gap: 12px; padding: 17px; }
  .arra-arquitectura-indice { width: 36px; height: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .arra-arquitectura-relacion.is-drawing { animation: none; stroke-dashoffset: 0; }
  .arra-arquitectura-caso, .arra-arquitectura-entidad, .arra-arquitectura-relacion, .arra-arquitectura-progreso button { transition: none; }
  .arra-arquitectura-borde { animation: none; }
}

/* Socios, dividendos y sucesion. Ver destilar.py,
   bloque_de_socios(). */
.arra-socios { padding-block-end: var(--section-pad-y); }
.arra-socios-cabecera { max-inline-size: 50ch; margin-block-end: 30px; }
.arra-socios-h2 { margin: 10px 0 14px; }
.arra-socios-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-socios-lista { margin: 0; padding: 0; }
.arra-socios-asunto { display: grid; gap: 6px 16px; padding: 22px 0;
                border-block-start: 1px solid var(--arra-line-soft);
                grid-template-columns: auto minmax(0, 1fr);
                align-items: start; }
.arra-socios-asunto:last-child {
    border-block-end: 1px solid var(--arra-line-soft); }
.arra-socios-asunto > .arra-icono { grid-row: 1 / span 2; }
.arra-socios-titulo { margin: 0; font-family: var(--font-display);
                font-weight: 500; font-size: 19px; line-height: 1.25;
                color: var(--fg); }
.arra-socios-texto { margin: 0; font-size: 15.5px; line-height: 1.7;
               color: var(--fg-soft); grid-column: 2; }
@media (min-width: 860px) {
  .arra-socios-asunto { grid-template-columns: auto minmax(0, 15rem)
                                         minmax(0, 1fr);
                  column-gap: 22px; }
  .arra-socios-asunto > .arra-icono { grid-row: 1; }
  .arra-socios-texto { grid-column: 3; grid-row: 1; }
}

/* El antes/despues de /corporate/consultoria-fiscal-contable/
   como dos cadenas. Ver destilar.py, flujo_de_automatizacion(). */
.arra-flujo { position: relative; }
.arra-flujo__paso { position: relative; padding-inline-start: 26px; }
.arra-flujo__paso::before { content: ""; position: absolute;
    inline-size: 9px; block-size: 9px; border-radius: 50%;
    inset-inline-start: 0; inset-block-start: 0.62em;
    background: var(--wp--preset--color--neutro-400); }
.arra-flujo__paso:not(:last-child)::after { content: "";
    position: absolute; inline-size: 1px;
    inset-inline-start: 4px; inset-block-start: calc(0.62em + 11px);
    inset-block-end: -0.5em; }
.arra-flujo__paso[data-flujo="antes"]::after {
    background: repeating-linear-gradient(to bottom,
        var(--wp--preset--color--neutro-400) 0 4px,
        transparent 4px 9px); }
.arra-flujo__paso[data-flujo="despues"]::before {
    background: var(--wp--preset--color--dorado-700); }
.arra-flujo__paso[data-flujo="despues"]::after {
    background: var(--wp--preset--color--dorado-700); }
.arra-flujo-col.arra-flujo-col { background: var(--wp--preset--color--blanco);
    border: 1px solid var(--arra-line); border-radius: var(--r-lg);
    padding: 30px; }
.arra-flujo-col.arra-flujo-col--despues {
    border-block-start: 3px solid var(--wp--preset--color--dorado-700);
    border-block-end: 3px solid var(--wp--preset--color--burdeos-900); }
.arra-flujo-col--antes .arra-kicker { color: var(--wp--preset--color--tinta-500); }
.arra-flujo-col--despues .arra-kicker { color: var(--wp--preset--color--burdeos-900); }
.arra-flujo-col--despues .arra-flujo__paso { color: var(--fg);
    border-block-end-color: var(--arra-line-soft); }

/* El cuadro de las tres consolidaciones. Ver destilar.py,
   tabla_de_consolidacion(). */
.arra-consolida-caja { margin-block-start: 30px; }
.arra-consolida-tabla { inline-size: 100%; border-collapse: collapse;
               text-align: start; }
.arra-consolida-pie { margin: 22px 0 0; max-inline-size: 62ch;
             font-size: 15px; line-height: 1.7;
             color: var(--fg-soft); }
.arra-consolida-tabla thead { position: absolute; inline-size: 1px;
    block-size: 1px; overflow: hidden; clip-path: inset(50%);
    white-space: nowrap; }
.arra-consolida-tabla, .arra-consolida-tabla tbody, .arra-consolida-fila,
.arra-consolida-pregunta, .arra-consolida-celda { display: block; }
.arra-consolida-fila { padding-block: 20px;
    border-block-start: 1px solid var(--arra-line); }
.arra-consolida-fila:last-child {
    border-block-end: 1px solid var(--arra-line); }
.arra-consolida-pregunta { margin-block-end: 12px; text-align: start;
    font-family: var(--font-display); font-weight: 500;
    font-size: 18px; line-height: 1.3; color: var(--fg); }
.arra-consolida-celda { padding-block: 8px; padding-inline-start: 16px;
    border-inline-start: 2px solid var(--arra-line-soft);
    font-size: 15px; line-height: 1.6; color: var(--fg-soft); }
.arra-consolida-celda + .arra-consolida-celda { margin-block-start: 8px; }
.arra-consolida-celda::before { content: attr(data-etiqueta);
    display: block; margin-block-end: 3px; font-size: 12px;
    letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--corp); }
@media (min-width: 900px) {
  .arra-consolida-tabla thead { position: static; inline-size: auto;
      block-size: auto; overflow: visible; clip-path: none; }
  .arra-consolida-tabla { display: table; }
  .arra-consolida-tabla tbody { display: table-row-group; }
  .arra-consolida-fila { display: table-row; padding-block: 0;
                border: 0; }
  .arra-consolida-pregunta, .arra-consolida-celda { display: table-cell;
      vertical-align: top; padding: 18px 20px 18px 0;
      border-block-start: 1px solid var(--arra-line);
      border-inline-start: 0; margin: 0; }
  .arra-consolida-fila:last-child .arra-consolida-pregunta,
  .arra-consolida-fila:last-child .arra-consolida-celda {
      border-block-end: 1px solid var(--arra-line); }
  .arra-consolida-pregunta { inline-size: 22%; font-size: 16px;
      padding-inline-end: 30px; }
  .arra-consolida-celda::before { display: none; }
  .arra-consolida-col, .arra-consolida-esquina { padding: 0 20px 14px 0;
      text-align: start; font-size: 12.5px;
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--corp); font-weight: 500;
      border-block-end: 2px solid var(--wp--preset--color--dorado-700); }
}

/* El ciclo de la inversion de /corporate/real-estate/: cuatro
   fases sobre una linea y la financiacion cruzandolas.
   Ver destilar.py, ciclo_de_la_inversion(). */
.arra-cicloinv-via > * { position: relative; padding-block-start: 30px; }
.arra-cicloinv-via > *::before { content: ""; position: absolute;
    inset-block-start: 0; inset-inline-start: 0;
    inline-size: 13px; block-size: 13px; border-radius: 50%;
    background: var(--wp--preset--color--burdeos-900);
    z-index: 1; }
.arra-cicloinv-via > *:last-child::before {
    background: var(--wp--preset--color--dorado-700); }
.arra-cicloinv-via > *:not(:last-child)::after { content: "";
    position: absolute; inset-block-start: 6px;
    inset-inline-start: 6px; block-size: 1px;
    inline-size: calc(100% + var(--arra-cicloinv-hueco, 24px));
    background: var(--arra-line); }
.arra-cicloinv-banda { margin-block-start: 26px; padding: 14px 18px;
               border-radius: var(--wp--custom--radio--sm);
               background: var(--wp--preset--color--neutro-200);
               border-inline-start: 3px solid
                   var(--wp--preset--color--dorado-700);
               display: grid; gap: 2px; }
.arra-cicloinv-banda-rotulo { font-size: 12.5px; letter-spacing: 0.16em;
    text-transform: uppercase; color: var(--corp); }
.arra-cicloinv-banda-texto { font-size: 15px; line-height: 1.6;
                     color: var(--fg-soft); }
@media (min-width: 900px) {
  .arra-cicloinv-via { --arra-cicloinv-hueco: 24px; }
  .arra-cicloinv-banda { grid-template-columns: auto 1fr;
                 gap: 4px 20px; align-items: baseline; }
}
@media (max-width: 899px) {
  .arra-cicloinv-via > *:not(:last-child)::after { content: none; }
}
.arra-cicloinv-via > *::before { transform-origin: center;
    transition: transform 280ms
        var(--wp--custom--movimiento--salida); }
.arra-cicloinv-via > *:not(:last-child)::after { transform-origin: left;
    transition: transform 320ms
        var(--wp--custom--movimiento--entrada-salida); }
.arra-cicloinv-banda { transition: opacity 420ms
        var(--wp--custom--movimiento--salida) 760ms,
        transform 420ms var(--wp--custom--movimiento--salida) 760ms; }
.js-motion .arra-cicloinv-via:not(.in) > *::before { transform: scale(0); }
.js-motion .arra-cicloinv-via:not(.in) > *:not(:last-child)::after {
    transform: scaleX(0); }
.js-motion .arra-cicloinv-via:not(.in) + .arra-cicloinv-banda {
    opacity: 0; transform: translateY(8px); }
@media (prefers-reduced-motion: reduce) {
  .arra-cicloinv-via > *::before,
  .arra-cicloinv-via > *:not(:last-child)::after,
  .arra-cicloinv-banda { transition: none; }
  .js-motion .arra-cicloinv-via:not(.in) > *::before,
  .js-motion .arra-cicloinv-via:not(.in) > *:not(:last-child)::after {
      transform: none; }
  .js-motion .arra-cicloinv-via:not(.in) + .arra-cicloinv-banda {
      opacity: 1; transform: none; }
}
.arra-cicloinv-via > *:nth-child(1)::before { transition-delay: 0ms; }
.arra-cicloinv-via > *:nth-child(2)::before { transition-delay: 180ms; }
.arra-cicloinv-via > *:nth-child(3)::before { transition-delay: 360ms; }
.arra-cicloinv-via > *:nth-child(4)::before { transition-delay: 540ms; }
.arra-cicloinv-via > *:nth-child(1)::after { transition-delay: 90ms; }
.arra-cicloinv-via > *:nth-child(2)::after { transition-delay: 270ms; }
.arra-cicloinv-via > *:nth-child(3)::after { transition-delay: 450ms; }
.arra-vesting-punto { position: absolute; inline-size: 12px; block-size: 12px;
    border-radius: 50%; box-sizing: border-box; translate: -50% -50%;
    background: var(--wp--preset--color--burdeos-700); border: 2px solid var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge);
    inset-inline-start: 0; inset-block-start: 96.67%; opacity: 0;
    transition: opacity 400ms var(--wp--custom--movimiento--salida); pointer-events: none; }
.arra-vesting.esta-viva .arra-vesting-punto { opacity: 1;
    animation: arra-vesting-sube 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-hito--1 { animation: arra-vesting-fase-1 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-zona--1 { animation: arra-vesting-zona-1 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-hito--2 { animation: arra-vesting-fase-2 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-zona--2 { animation: arra-vesting-zona-2 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-hito--3 { animation: arra-vesting-fase-3 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-zona--3 { animation: arra-vesting-zona-3 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-hito--4 { animation: arra-vesting-fase-4 9s linear infinite; }
.arra-vesting.esta-viva .arra-vesting-zona--4 { animation: arra-vesting-zona-4 9s linear infinite; }
@keyframes arra-vesting-sube {
  0.00% { inset-inline-start: 0.00%; inset-block-start: 96.67%; }
  22.00% { inset-inline-start: 25.00%; inset-block-start: 96.67%; }
  22.01% { inset-inline-start: 25.00%; inset-block-start: 73.67%; }
  27.50% { inset-inline-start: 31.25%; inset-block-start: 73.67%; }
  27.51% { inset-inline-start: 31.25%; inset-block-start: 67.92%; }
  33.00% { inset-inline-start: 37.50%; inset-block-start: 67.92%; }
  33.01% { inset-inline-start: 37.50%; inset-block-start: 62.17%; }
  38.50% { inset-inline-start: 43.75%; inset-block-start: 62.17%; }
  38.51% { inset-inline-start: 43.75%; inset-block-start: 56.42%; }
  44.00% { inset-inline-start: 50.00%; inset-block-start: 56.42%; }
  44.01% { inset-inline-start: 50.00%; inset-block-start: 50.67%; }
  49.50% { inset-inline-start: 56.25%; inset-block-start: 50.67%; }
  49.51% { inset-inline-start: 56.25%; inset-block-start: 44.92%; }
  55.00% { inset-inline-start: 62.50%; inset-block-start: 44.92%; }
  55.01% { inset-inline-start: 62.50%; inset-block-start: 39.17%; }
  60.50% { inset-inline-start: 68.75%; inset-block-start: 39.17%; }
  60.51% { inset-inline-start: 68.75%; inset-block-start: 33.42%; }
  66.00% { inset-inline-start: 75.00%; inset-block-start: 33.42%; }
  66.01% { inset-inline-start: 75.00%; inset-block-start: 27.67%; }
  71.50% { inset-inline-start: 81.25%; inset-block-start: 27.67%; }
  71.51% { inset-inline-start: 81.25%; inset-block-start: 21.92%; }
  77.00% { inset-inline-start: 87.50%; inset-block-start: 21.92%; }
  77.01% { inset-inline-start: 87.50%; inset-block-start: 16.17%; }
  82.50% { inset-inline-start: 93.75%; inset-block-start: 16.17%; }
  82.51% { inset-inline-start: 93.75%; inset-block-start: 10.42%; }
  88.00% { inset-inline-start: 100.00%; inset-block-start: 10.42%; }
  88.01% { inset-inline-start: 100.00%; inset-block-start: 4.67%; }
  100.00% { inset-inline-start: 100.00%; inset-block-start: 4.67%; }
}
@keyframes arra-vesting-fase-1 {
  0.00%, 21.99% { border-color: var(--wp--preset--color--dorado-700); }
  22.00%, 100% { border-color: var(--arra-line-soft); }
}
@keyframes arra-vesting-zona-1 {
  0.00%, 21.99% { opacity: 1; }
  22.00%, 100% { opacity: 0; }
}
@keyframes arra-vesting-fase-2 {
  0%, 21.99% { border-color: var(--arra-line-soft); }
  22.00%, 27.49% { border-color: var(--wp--preset--color--dorado-700); }
  27.50%, 100% { border-color: var(--arra-line-soft); }
}
@keyframes arra-vesting-zona-2 {
  0%, 21.99% { opacity: 0; }
  22.00%, 27.49% { opacity: 1; }
  27.50%, 100% { opacity: 0; }
}
@keyframes arra-vesting-fase-3 {
  0%, 27.49% { border-color: var(--arra-line-soft); }
  27.50%, 87.99% { border-color: var(--wp--preset--color--dorado-700); }
  88.00%, 100% { border-color: var(--arra-line-soft); }
}
@keyframes arra-vesting-zona-3 {
  0%, 27.49% { opacity: 0; }
  27.50%, 87.99% { opacity: 1; }
  88.00%, 100% { opacity: 0; }
}
@keyframes arra-vesting-fase-4 {
  0%, 87.99% { border-color: var(--arra-line-soft); }
  88.00%, 100.00% { border-color: var(--wp--preset--color--dorado-700); }
}
@keyframes arra-vesting-zona-4 {
  0%, 87.99% { opacity: 0; }
  88.00%, 100.00% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-vesting-punto, .arra-vesting.esta-viva .arra-vesting-hito, .arra-vesting.esta-viva .arra-vesting-zona { animation: none; }
  .arra-vesting.esta-viva .arra-vesting-punto { opacity: 0; }
}

/* El esquema de vesting de /corporate/startups/, a todo el ancho.
   Ver destilar.py, bloque_del_vesting(). */
.arra-vesting { margin-block-start: 34px; }
.arra-vesting-grafico { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr);
    grid-template-rows: auto 1.8rem; column-gap: 10px; margin-block-end: 18px; }
.arra-vesting-ejes-y { position: relative; grid-row: 1; }
.arra-vesting-lienzo { position: relative; grid-row: 1; block-size: clamp(150px, 26vw, 320px); }
.arra-vesting-ejes-x { position: relative; grid-column: 2; grid-row: 2; }
.arra-vesting-svg { display: block; inline-size: 100%; block-size: 100%; overflow: visible; }
.arra-vesting-eje { position: absolute; font-size: 12px; line-height: 1; color: var(--fg-soft);
         white-space: nowrap; }
.arra-vesting-eje--y { inset-inline-end: 0; translate: 0 -50%; }
.arra-vesting-eje--x { inset-block-start: 8px; translate: -50% 0; }
.arra-vesting-eje--y[data-p="0"] { inset-block-start: 96.7%; }
.arra-vesting-eje--y[data-p="25"] { inset-block-start: 73.7%; }
.arra-vesting-eje--y[data-p="100"] { inset-block-start: 4.7%; }
.arra-vesting-eje--x1 { inset-inline-start: 25%; }
.arra-vesting-eje--x2 { inset-inline-start: 50%; }
.arra-vesting-eje--x3 { inset-inline-start: 75%; }
.arra-vesting-eje--x4 { inset-inline-start: 100%; }
.arra-vesting-base { stroke: var(--wp--preset--color--neutro-400); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
.arra-vesting-guia { stroke: var(--wp--preset--color--neutro-300); stroke-width: 1px; stroke-dasharray: 2 4;
          vector-effect: non-scaling-stroke; }
.arra-vesting-escalon { fill: none; stroke: var(--wp--preset--color--burdeos-700); stroke-width: 2.2px; stroke-linejoin: round;
    stroke-linecap: round; vector-effect: non-scaling-stroke; }
.arra-vesting-area { fill: var(--wp--preset--color--burdeos-700); fill-opacity: 0.12; }
.arra-vesting-corte { stroke: var(--wp--preset--color--dorado-700); stroke-width: 1.2px; stroke-dasharray: 3 3;
           vector-effect: non-scaling-stroke; }
.arra-vesting-corte-rotulo { position: absolute; inset-inline-start: 25%; inset-block-start: 0;
    margin-inline-start: 8px; font-family: var(--font-display); font-weight: 500;
    font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1;
    color: var(--wp--preset--color--dorado-700); }
.arra-vesting-zona { fill: color-mix(in srgb, var(--wp--preset--color--dorado-500) 10%, transparent); opacity: 0; transition: opacity 260ms var(--wp--custom--movimiento--salida); }
.arra-vesting:has(.arra-vesting-hito--1:hover) .arra-vesting-zona--1 { opacity: 1; }
.arra-vesting:has(.arra-vesting-hito--2:hover) .arra-vesting-zona--2 { opacity: 1; }
.arra-vesting:has(.arra-vesting-hito--3:hover) .arra-vesting-zona--3 { opacity: 1; }
.arra-vesting:has(.arra-vesting-hito--4:hover) .arra-vesting-zona--4 { opacity: 1; }
.arra-vesting-hitos { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.arra-vesting-hito { padding: 16px 0 16px 18px; border-inline-start: 2px solid var(--arra-line-soft);
          transition: border-color 260ms var(--wp--custom--movimiento--salida); }
.arra-vesting-hito:hover { border-color: var(--wp--preset--color--dorado-700); }
.arra-vesting-hito-titulo { margin: 0 0 5px; font-size: 15px; letter-spacing: 0.06em;
    font-family: var(--font-display); font-weight: 500; color: var(--fg); }
.arra-vesting-hito-texto { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--fg-soft); }
.arra-vesting-pie { margin: 22px 0 0; max-inline-size: 64ch; font-size: 15px;
    line-height: 1.7; color: var(--fg-soft); }
@media (min-width: 860px) {
  .arra-vesting-hitos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 20px; }
  .arra-vesting-hito { border-inline-start: 0; padding: 14px 12px 0 0;
    border-block-start: 2px solid var(--arra-line-soft); }
  .arra-vesting-hito:hover { border-block-start-color: var(--wp--preset--color--dorado-700); }
}
.arra-vesting-trazo { clip-path: inset(-10px 0 -10px 0); transition: clip-path 1500ms var(--wp--custom--movimiento--entrada-salida) 200ms; }
.arra-vesting-corte, .arra-vesting-corte-rotulo { transition: opacity 400ms var(--wp--custom--movimiento--entrada-salida) 700ms; }
.js-motion .arra-vesting:not(.in) .arra-vesting-trazo { clip-path: inset(-10px 100% -10px 0); }
.js-motion .arra-vesting:not(.in) .arra-vesting-corte, .js-motion .arra-vesting:not(.in) .arra-vesting-corte-rotulo { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .arra-vesting-trazo, .arra-vesting-corte, .arra-vesting-corte-rotulo, .arra-vesting-zona, .arra-vesting-hito { transition: none; }
  .js-motion .arra-vesting:not(.in) .arra-vesting-trazo { clip-path: inset(-10px 0 -10px 0); }
  .js-motion .arra-vesting:not(.in) .arra-vesting-corte, .js-motion .arra-vesting:not(.in) .arra-vesting-corte-rotulo { opacity: 1; }
}

/* El color de la linea, en el body. Ver destilar.py,
   css_de_la_linea(), y arra_clase_de_linea() en functions.php. */
body { --arra-linea: var(--wp--preset--color--burdeos-700);
  --arra-linea-fuerte: var(--wp--preset--color--burdeos-900);
  --arra-linea-honda: var(--wp--preset--color--burdeos-950);
  --arra-linea-suave: var(--wp--preset--color--burdeos-500); }
body.arra-linea-core { --arra-linea: var(--wp--preset--color--verde-700);
  --arra-linea-fuerte: var(--wp--preset--color--verde-900);
  --arra-linea-honda: var(--wp--preset--color--verde-900);
  --arra-linea-suave: var(--wp--preset--color--verde-500); }
.arra-fondo-linea.arra-fondo-linea { background-color: var(--arra-linea-honda); }

/* «Esto es lo que estas senalando», a tres bandas: negro en lo
   institucional, granate en Corporate, verde en Core. */
body { --arra-senala: var(--wp--preset--color--tinta-900); }
body.arra-linea-core, body.arra-linea-corporate {
  --arra-senala: var(--arra-linea); }

/* Lo que se enciende al pasar el raton, opcion a opcion. Ver
   destilar.py, css_de_lo_que_se_senala(). */
.arra-nuestros-servicios-2 .arra-nuestros-servicios-3, .arra-ticks__punto .arra-ticks__marca {
    transition: background-color var(--wp--custom--movimiento--base)
        var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  .arra-nuestros-servicios-2:hover .arra-nuestros-servicios-3,
  .arra-ticks__punto:hover .arra-ticks__marca {
      background-color: var(--arra-senala); }
}

/* Tu año fiscal: la pieza animada de la portada de Core.
   Ver destilar.py, bloque_del_anio(). */
.arra-fiscal { position: relative; margin-block-start: 26px; }
.arra-fiscal__mando { margin: 0; padding: 0; border: 0; }
.arra-fiscal__mando input { position: absolute; opacity: 0; inline-size: 1px;
    block-size: 1px; margin: 0; pointer-events: none; }
.arra-fiscal__rotulo { margin: 0 0 14px; font-size: 11px; font-weight: 600;
    letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--wp--preset--color--dorado-700); }
.arra-fiscal__pista { position: relative; padding-block: 10px 0; }
.arra-fiscal__meses { position: relative; z-index: 1; list-style: none;
    margin: 0; padding: 0; display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end; }
.arra-fiscal__mes { position: relative; display: grid; justify-items: center;
    gap: 8px; }
.arra-fiscal__marca { inline-size: 2px; block-size: 14px; border-radius: 2px;
    background: var(--arra-line); }
.arra-fiscal__mes.es-hito .arra-fiscal__marca { block-size: 30px;
    background: var(--wp--preset--color--dorado-700); }
.arra-fiscal__inicial { font-family: var(--font-display); font-weight: 500;
    font-size: 11px; line-height: 1; color: var(--fg-soft); }
.arra-fiscal__mes.es-hito .arra-fiscal__inicial { color: var(--fg); }
.arra-fiscal__boton { position: absolute; inset: -10px 0 -6px;
    cursor: pointer; border-radius: 8px; }
@media (hover: hover) {
  .arra-fiscal__boton:hover + .arra-fiscal__marca { background: var(--arra-linea); }
}
.arra-fiscal__carril { position: absolute; inset-block-start: auto;
    inset-block-end: 34px; inset-inline: 0; block-size: 0;
    z-index: 2; pointer-events: none;
    transform: translateX(4.1667%); }
.arra-fiscal__cabeza { position: absolute; inset-block-start: 0;
    inset-inline-start: 0; inline-size: 12px;
    block-size: 12px;
    border-radius: 50%; background: var(--arra-linea);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--arra-linea) 16%,
        transparent);
    transform: translate(-50%, -50%); }
.arra-fiscal__cabeza::before, .arra-fiscal__cabeza::after {
    content: ""; position: absolute; inset: 0; border-radius: 50%;
    background: var(--arra-linea); opacity: 0; }
@keyframes arra-fiscal-late {
  from { transform: scale(1); opacity: 0.45; }
  to { transform: scale(3.4); opacity: 0; }
}
.esta-viva.arra-fiscal .arra-fiscal__cabeza::before,
.esta-viva.arra-fiscal .arra-fiscal__cabeza::after {
    animation: arra-fiscal-late 2400ms
        var(--wp--custom--movimiento--salida) infinite; }
.esta-viva.arra-fiscal .arra-fiscal__cabeza::after {
    animation-delay: 1200ms; }
@keyframes arra-fiscal-recorre {
  from { transform: translateX(4.1667%); }
  to { transform: translateX(95.8333%); }
}
.esta-viva.arra-fiscal:not(:has(input:checked)) .arra-fiscal__carril {
    animation: arra-fiscal-recorre 16000ms linear infinite; }
.arra-fiscal__cartas { position: relative; margin-block-start: 22px;
    min-block-size: 86px; }
.arra-fiscal__carta { position: absolute; inset-block-start: 0;
    inset-inline: 0; margin: 0; display: grid; gap: 6px;
    opacity: 0; }
.arra-fiscal__carta--1 { opacity: 1; }
.arra-fiscal__mes-nombre { font-family: var(--font-display); font-weight: 500;
    font-size: 17px; line-height: 1.2; color: var(--fg); }
.arra-fiscal__que { font-size: 14.5px; line-height: 1.55;
    color: var(--fg-soft); }
@keyframes arra-fiscal-carta {
  0%, 1% { opacity: 0; }
  3%, 22% { opacity: 1; }
  24%, 100% { opacity: 0; }
}
.esta-viva.arra-fiscal:not(:has(input:checked)) .arra-fiscal__carta--1 {
    animation: arra-fiscal-carta 16000ms linear infinite both;
    animation-delay: 0ms; }
.esta-viva.arra-fiscal:not(:has(input:checked)) .arra-fiscal__carta--2 {
    animation: arra-fiscal-carta 16000ms linear infinite both;
    animation-delay: 4000ms; }
.esta-viva.arra-fiscal:not(:has(input:checked)) .arra-fiscal__carta--3 {
    animation: arra-fiscal-carta 16000ms linear infinite both;
    animation-delay: 8000ms; }
.esta-viva.arra-fiscal:not(:has(input:checked)) .arra-fiscal__carta--4 {
    animation: arra-fiscal-carta 16000ms linear infinite both;
    animation-delay: 12000ms; }
.arra-fiscal:has(input:checked) .arra-fiscal__carta { opacity: 0; }
.arra-fiscal:has(#arra-fiscal-1:checked) .arra-fiscal__carril {
    transform: translateX(4.1667%); }
.arra-fiscal:has(#arra-fiscal-1:checked) .arra-fiscal__carta--1 { opacity: 1; }
.arra-fiscal:has(#arra-fiscal-1:checked) .arra-fiscal__mes:nth-child(1) .arra-fiscal__marca {
    background: var(--arra-linea); }
.arra-fiscal:has(#arra-fiscal-1:focus-visible) .arra-fiscal__mes:nth-child(1) .arra-fiscal__marca {
    outline: 2px solid var(--arra-linea);
    outline-offset: 3px; }
.arra-fiscal:has(#arra-fiscal-4:checked) .arra-fiscal__carril {
    transform: translateX(29.1667%); }
.arra-fiscal:has(#arra-fiscal-4:checked) .arra-fiscal__carta--2 { opacity: 1; }
.arra-fiscal:has(#arra-fiscal-4:checked) .arra-fiscal__mes:nth-child(4) .arra-fiscal__marca {
    background: var(--arra-linea); }
.arra-fiscal:has(#arra-fiscal-4:focus-visible) .arra-fiscal__mes:nth-child(4) .arra-fiscal__marca {
    outline: 2px solid var(--arra-linea);
    outline-offset: 3px; }
.arra-fiscal:has(#arra-fiscal-7:checked) .arra-fiscal__carril {
    transform: translateX(54.1667%); }
.arra-fiscal:has(#arra-fiscal-7:checked) .arra-fiscal__carta--3 { opacity: 1; }
.arra-fiscal:has(#arra-fiscal-7:checked) .arra-fiscal__mes:nth-child(7) .arra-fiscal__marca {
    background: var(--arra-linea); }
.arra-fiscal:has(#arra-fiscal-7:focus-visible) .arra-fiscal__mes:nth-child(7) .arra-fiscal__marca {
    outline: 2px solid var(--arra-linea);
    outline-offset: 3px; }
.arra-fiscal:has(#arra-fiscal-10:checked) .arra-fiscal__carril {
    transform: translateX(79.1667%); }
.arra-fiscal:has(#arra-fiscal-10:checked) .arra-fiscal__carta--4 { opacity: 1; }
.arra-fiscal:has(#arra-fiscal-10:checked) .arra-fiscal__mes:nth-child(10) .arra-fiscal__marca {
    background: var(--arra-linea); }
.arra-fiscal:has(#arra-fiscal-10:focus-visible) .arra-fiscal__mes:nth-child(10) .arra-fiscal__marca {
    outline: 2px solid var(--arra-linea);
    outline-offset: 3px; }
.arra-fiscal__pie { margin: 16px 0 0; font-size: 12.5px; line-height: 1.5;
    color: var(--wp--preset--color--tinta-300); }
@media (prefers-reduced-motion: reduce) {
  .arra-fiscal__carril, .arra-fiscal__carta { animation: none; }
  .arra-fiscal__cabeza::before, .arra-fiscal__cabeza::after { animation: none; }
}

/* El stock decide el recorrido fiscal: los dos dibujos de
   /corporate/ecommerce-internacional/. Ver destilar.py,
   bloque_del_oss(). */
.arra-oss { margin-block-start: 28px; display: grid; gap: 26px; }
@media (min-width: 900px) {
  .arra-oss { grid-template-columns: repeat(2, minmax(0, 1fr));
           gap: 34px; }
  .arra-oss-intro, .arra-oss-lectura, .arra-oss-pie { grid-column: 1 / -1; }
}
.arra-oss-titular { margin: 0; }
.arra-oss-entradilla { margin: 10px 0 0; font-size: 15.5px;
    line-height: 1.6; color: var(--fg-soft); max-inline-size: 62ch; }
.arra-oss-caso { display: flex; flex-direction: column; min-inline-size: 0; }
.arra-oss-cabecera { display: flex; align-items: flex-start; gap: 13px;
    margin-block-end: 16px; }
.arra-oss-numero { display: grid; place-items: center; flex: 0 0 auto;
    inline-size: 28px; block-size: 28px; border-radius: 50%;
    color: var(--wp--preset--color--blanco); background: var(--wp--preset--color--burdeos-900);
    font-family: var(--font-display); font-weight: 500;
    font-size: 11px; }
.arra-oss-titulo { margin: 1px 0 0; font-family: var(--font-display);
    font-weight: 500; font-size: 18px; line-height: 1.2;
    color: var(--fg); }
.arra-oss-cabecera p { margin: 6px 0 0; font-size: 13.5px;
    line-height: 1.5; color: var(--fg-soft); }
.arra-oss-lienzo { position: relative; flex: 1; padding: 26px 20px 20px;
    border: 1px solid var(--arra-line); border-radius: var(--r-lg);
    background: var(--wp--preset--color--neutro-100); overflow: hidden; }
.arra-oss-almacen { display: grid; justify-items: center;
    text-align: center; }
.arra-oss-disco { display: grid; place-items: center; inline-size: 66px;
    block-size: 66px; border-radius: 50%; color: var(--wp--preset--color--burdeos-900);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--dorado-700) 50%, transparent); background: var(--wp--preset--color--blanco);
    box-shadow: 0 7px 18px color-mix(in srgb, var(--wp--preset--color--carbon-950) 6%, transparent); }
.arra-oss-disco svg { inline-size: 29px; block-size: auto; fill: none;
    stroke: currentColor; stroke-width: 1.5; stroke-linecap: round;
    stroke-linejoin: round; }
.arra-oss-rotulo { display: block; margin-block-start: 9px;
    color: var(--wp--preset--color--dorado-700); font-size: 10.5px; font-weight: 600;
    letter-spacing: 0.12em; text-transform: uppercase; }
.arra-oss-nombre { display: block; margin-block-start: 5px;
    font-family: var(--font-display); font-weight: 500;
    font-size: 14.5px; line-height: 1.25; color: var(--fg); }
.arra-oss-baja { display: block; inline-size: 1px; block-size: 42px;
    margin: 11px auto 0; background: var(--arra-line); }
.arra-oss-baja--oro { block-size: 36px; margin-block-start: 0;
    background: var(--wp--preset--color--dorado-700); }
.arra-oss-destinos { position: relative; list-style: none; margin: 0;
    padding: 22px 0 24px; display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)); }
.arra-oss-destinos::before, .arra-oss-destinos::after { content: "";
    position: absolute; inset-inline: 10%; block-size: 1px; }
.arra-oss-destinos::before { inset-block-start: 0;
    background: var(--arra-line); }
.arra-oss-destinos::after { inset-block-end: 0; background: color-mix(in srgb, var(--wp--preset--color--dorado-700) 65%, transparent); }
.arra-oss-destino { position: relative; display: grid;
    justify-items: center; gap: 7px; color: var(--fg-soft);
    font-size: 11px; line-height: 1.2; text-align: center; }
.arra-oss-destino::before, .arra-oss-destino::after { content: "";
    position: absolute; inset-inline-start: 50%; inline-size: 1px;
    transform: translateX(-50%); }
.arra-oss-destino::before { inset-block-start: -22px; block-size: 23px;
    background: var(--arra-line); }
.arra-oss-destino::after { inset-block-end: -24px; block-size: 25px;
    background: color-mix(in srgb, var(--wp--preset--color--dorado-700) 65%, transparent); }
.arra-oss-pais { display: grid; place-items: center; inline-size: 34px;
    block-size: 34px; border-radius: 50%; font-style: normal;
    color: var(--wp--preset--color--burdeos-900); background: var(--wp--preset--color--blanco);
    box-shadow: 0 0 0 1px var(--arra-line);
    font-family: var(--font-display); font-weight: 500;
    font-size: 11px; }
.arra-oss-destino:nth-child(2) .arra-oss-pais,
.arra-oss-destino:nth-child(4) .arra-oss-pais { background: color-mix(in srgb, var(--wp--preset--color--burdeos-900) 7%, var(--wp--preset--color--blanco)); }
.arra-oss-salida { display: grid;
    grid-template-columns: 62px minmax(0, 1fr); align-items: center;
    gap: 16px; inline-size: min(390px, 100%); margin-inline: auto; }
.arra-oss-sello { display: grid; place-items: center; inline-size: 62px;
    block-size: 62px; border-radius: 50%;
    font-family: var(--font-display); font-weight: 500;
    font-size: 13px; }
.arra-oss-sello--oss { color: var(--wp--preset--color--blanco); background: var(--wp--preset--color--burdeos-900);
    box-shadow: 0 0 0 7px color-mix(in srgb, var(--wp--preset--color--burdeos-900) 8%, transparent); }
.arra-oss-sello--local { color: var(--wp--preset--color--dorado-700); background: var(--wp--preset--color--blanco);
    border: 1px solid var(--wp--preset--color--dorado-700);
    box-shadow: 0 0 0 7px color-mix(in srgb, var(--wp--preset--color--dorado-700) 8%, transparent); }
.arra-oss-copia p, .arra-oss-via p { margin: 6px 0 0; font-size: 13px;
    line-height: 1.5; color: var(--fg-soft); }
.arra-oss-apunte { margin: 18px 0 0; font-size: 12.5px;
    line-height: 1.55; color: var(--wp--preset--color--tinta-300);
    text-align: center; }
.arra-oss-caso--varios .arra-oss-apunte { color: var(--fg-soft); }
.arra-oss-apunte strong { color: var(--fg); font-weight: 500; }
.arra-oss-trio { display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.arra-oss-trio .arra-oss-disco { inline-size: 56px; block-size: 56px; }
.arra-oss-trio .arra-oss-disco svg { inline-size: 24px; }
.arra-oss-decision { position: relative; display: grid;
    justify-items: center; margin-block-start: 12px; }
.arra-oss-decision::before { content: ""; inline-size: 1px;
    block-size: 31px; background: var(--arra-line); }
.arra-oss-decision span { padding: 6px 9px; text-align: center;
    color: var(--wp--preset--color--tinta-300); font-size: 10px;
    font-weight: 600; letter-spacing: 0.1em;
    text-transform: uppercase; }
.arra-oss-decision::after { content: ""; position: absolute;
    inset-block-start: 0; inset-inline-start: 50%; inline-size: 7px;
    block-size: 7px; border: 2px solid var(--wp--preset--color--neutro-100);
    border-radius: 50%; background: var(--wp--preset--color--burdeos-900);
    transform: translate(-50%, 0); }
.arra-oss-reparto { display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: start; gap: 12px; margin-block-start: 14px; }
.arra-oss-via { display: grid; justify-items: center;
    text-align: center; }
.arra-oss-via .arra-oss-rotulo { margin-block-start: 13px; }
.arra-oss-mas { align-self: center; margin-block-start: 22px;
    color: var(--wp--preset--color--burdeos-900); font-family: var(--font-display);
    font-weight: 500; font-size: 24px; line-height: 1; }
.arra-oss-codigos { display: flex; gap: 5px; margin-block-start: 10px; }
.arra-oss-codigos i { display: grid; place-items: center;
    inline-size: 25px; block-size: 25px; border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--dorado-700) 50%, transparent); color: var(--wp--preset--color--dorado-700);
    background: var(--wp--preset--color--blanco); font-style: normal;
    font-family: var(--font-display); font-weight: 500;
    font-size: 10px; }
.arra-oss-lectura { margin: 0; font-size: 14.5px; line-height: 1.6;
    color: var(--fg-soft); max-inline-size: 90ch; }
.arra-oss-lectura strong { color: var(--fg); font-weight: 500; }
.arra-oss-pie { margin: -10px 0 0; font-size: 13px; line-height: 1.6;
    color: var(--wp--preset--color--tinta-300);
    max-inline-size: 90ch; }
.arra-oss-vuelos { position: absolute; inset: 0; z-index: 4;
    inline-size: 100%; block-size: 100%; overflow: visible;
    pointer-events: none; }
.arra-oss-vuelo { stroke: var(--wp--preset--color--neutro-100); stroke-width: 2px;
    transform-box: view-box; transform-origin: 0 0; }
.arra-oss-vuelo--venta { fill: var(--wp--preset--color--burdeos-900); }
.arra-oss-vuelo--iva { fill: var(--wp--preset--color--dorado-700); }
@keyframes arra-oss-late {
  0%, 14%, 100% { transform: translateY(0); }
  6%, 10% { transform: translateY(-3px); }
}
@keyframes arra-oss-pulso {
  0%, 12%, 100% { transform: scale(1); }
  5%, 8% { transform: scale(1.06); }
}
@keyframes arra-oss-cae {
  from { transform: translate(-50%, 0); }
  to { transform: translate(-50%, 31px); }
}
.esta-viva .arra-oss-caso--uno .arra-oss-disco,
.esta-viva .arra-oss-trio .arra-oss-almacen .arra-oss-disco {
    animation: arra-oss-late 7.5s var(--wp--custom--movimiento--salida)
               infinite; }
.esta-viva .arra-oss-trio .arra-oss-almacen:nth-child(2) .arra-oss-disco {
    animation-delay: -2.5s; }
.esta-viva .arra-oss-trio .arra-oss-almacen:nth-child(3) .arra-oss-disco {
    animation-delay: -5s; }
.esta-viva .arra-oss-via .arra-oss-sello {
    animation: arra-oss-pulso 6s var(--wp--custom--movimiento--salida)
               infinite; }
.esta-viva .arra-oss-via--oss .arra-oss-sello { animation-delay: -3s; }
.esta-viva .arra-oss-decision::after {
    animation: arra-oss-cae 3.2s linear infinite; }
@media (max-width: 620px) {
  .arra-oss-lienzo { padding: 22px 12px 18px; }
  .arra-oss-disco { inline-size: 58px; block-size: 58px; }
  .arra-oss-disco svg { inline-size: 25px; }
  .arra-oss-trio { gap: 6px; }
  .arra-oss-trio .arra-oss-disco { inline-size: 50px; block-size: 50px; }
  .arra-oss-trio .arra-oss-nombre { font-size: 13px; }
  .arra-oss-pais { inline-size: 31px; block-size: 31px; }
  .arra-oss-destino { font-size: 10px; }
  .arra-oss-salida { grid-template-columns: 54px minmax(0, 1fr);
                  gap: 12px; }
  .arra-oss-sello { inline-size: 54px; block-size: 54px;
                 font-size: 12px; }
  .arra-oss-reparto { gap: 6px; }
  .arra-oss-mas { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-oss-disco, .arra-oss-sello, .arra-oss-decision::after {
      animation: none; }
}

/* El ano del metodo: doce cierres y cuatro reuniones.
   Ver destilar.py, bloque_del_anio(). */
.arra-anio { margin-block-start: 40px; }
.arra-anio-titulo { margin: 0 0 22px; font-size: 18px;
    font-family: var(--font-display); font-weight: 500;
    color: var(--fg); }
.arra-anio-meses { list-style: none; margin: 0 0 20px; padding: 0;
               display: grid; gap: 0;
               grid-template-columns: repeat(12, minmax(0, 1fr));
               align-items: end;
               border-block-end: 1px solid var(--arra-line); }
.arra-anio-mes { display: grid; justify-items: center; gap: 6px;
             padding-block-end: 10px; }
.arra-anio-marca { inline-size: 2px; block-size: 16px;
               background: var(--wp--preset--color--neutro-400);
               transform-origin: bottom; }
.arra-anio-mes--reunion .arra-anio-marca { block-size: 42px;
    background: var(--wp--preset--color--dorado-700); }
.arra-anio-inicial { font-size: 11px; letter-spacing: 0.08em;
                 color: var(--wp--preset--color--tinta-500); }
.arra-anio-mes--reunion .arra-anio-inicial { color: var(--corp); }
.arra-anio-etiqueta { display: none; font-size: 10.5px;
                  letter-spacing: 0.12em; text-transform: uppercase;
                  color: var(--corp); }
@media (min-width: 760px) {
  .arra-anio-etiqueta { display: block; }
}
.arra-anio-pie { margin: 0; max-inline-size: 64ch; font-size: 15px;
             line-height: 1.7; color: var(--fg-soft); }
.arra-anio-marca { transition: transform 420ms
    var(--wp--custom--movimiento--salida); }
.arra-anio-mes:nth-child(1) .arra-anio-marca { transition-delay: 0ms; }
.arra-anio-mes:nth-child(2) .arra-anio-marca { transition-delay: 55ms; }
.arra-anio-mes:nth-child(3) .arra-anio-marca { transition-delay: 110ms; }
.arra-anio-mes:nth-child(4) .arra-anio-marca { transition-delay: 165ms; }
.arra-anio-mes:nth-child(5) .arra-anio-marca { transition-delay: 220ms; }
.arra-anio-mes:nth-child(6) .arra-anio-marca { transition-delay: 275ms; }
.arra-anio-mes:nth-child(7) .arra-anio-marca { transition-delay: 330ms; }
.arra-anio-mes:nth-child(8) .arra-anio-marca { transition-delay: 385ms; }
.arra-anio-mes:nth-child(9) .arra-anio-marca { transition-delay: 440ms; }
.arra-anio-mes:nth-child(10) .arra-anio-marca { transition-delay: 495ms; }
.arra-anio-mes:nth-child(11) .arra-anio-marca { transition-delay: 550ms; }
.arra-anio-mes:nth-child(12) .arra-anio-marca { transition-delay: 605ms; }
.js-motion .arra-anio:not(.in) .arra-anio-marca { transform: scaleY(0); }
@media (prefers-reduced-motion: reduce) {
  .arra-anio-marca { transition: none; }
  .js-motion .arra-anio:not(.in) .arra-anio-marca { transform: none; }
}

/* Las vias de contacto de /corporate/contacto/, en vez del
   formulario que no enviaba nada. Ver destilar.py,
   contacto_sin_formulario_falso(). */
.arra-contacto-vias { list-style: none; margin: 26px 0 0; padding: 0;
              display: grid; gap: 0; }
.arra-contacto-via { border-block-start: 1px solid var(--arra-line); }
.arra-contacto-via:last-child {
    border-block-end: 1px solid var(--arra-line); }
.arra-contacto-via-enlace { display: grid; gap: 2px 20px;
                    grid-template-columns: 1fr auto;
                    align-items: baseline; padding: 18px 2px 4px;
                    color: inherit; text-decoration: none; }
.arra-contacto-via-rotulo { font-size: 12.5px; letter-spacing: 0.16em;
                    text-transform: uppercase; color: var(--corp); }
.arra-contacto-via-dato { grid-column: 1; font-family: var(--font-display);
                  font-weight: 500; font-size: 20px;
                  line-height: 1.25; color: var(--fg); }
.arra-contacto-via-enlace > svg { grid-column: 2; grid-row: 1 / -1;
    align-self: center; color: var(--corp);
    inline-size: 20px; block-size: 20px; }
.arra-contacto-via-nota { margin: 0 0 18px; font-size: 14.5px;
                  line-height: 1.6; color: var(--fg-soft);
                  max-inline-size: 56ch; }
@media (hover: hover) {
  .arra-contacto-via-enlace:hover .arra-contacto-via-dato { color: var(--corp); }
}
.arra-contacto-nota { margin: 24px 0 0; font-size: 14.5px; line-height: 1.6;
              color: var(--fg-soft); }
.arra-contacto-seccion .arra-podemos-ayudarte-1 {
    grid-template-columns: minmax(0, 1fr); }
.arra-contacto-seccion p:has(+ .arra-contacto-typeform) {
    max-inline-size: none; }
.arra-contacto-typeform { position: relative; inline-size: 100%;
                  block-size: clamp(520px, 78svh, 660px);
                  margin-block: 22px 34px;
                  border-radius: var(--r-lg); overflow: hidden; }
.arra-contacto-typeform > div { block-size: 100% !important; }
.arra-contacto-typeform iframe { inline-size: 100%; block-size: 100%;
                  border: 0; display: block; }
@media (min-width: 860px) {
  .arra-contacto-typeform { block-size: auto; aspect-ratio: 16 / 9;
      min-block-size: 460px; max-block-size: 760px; }
}
.arra-contacto-seccion :has(> .arra-contacto-typeform) {
    background: transparent; border: 0; padding-inline: 0; }
.arra-contacto-seccion .arra-podemos-ayudarte-15 { display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    gap: 16px; }
.arra-contacto-seccion { padding-block-end: var(--section-pad-y); }

/* La plantilla de casos de exito. NO ESTA PUBLICADA: ver
   destilar.py, bloque_de_los_casos(), y CORPORATE-STANDBY.md. */
.arra-casos { padding-block-end: var(--section-pad-y); }
.arra-casos-cabecera { max-inline-size: 50ch; margin-block-end: 28px; }
.arra-casos-h2 { margin: 10px 0 14px; }
.arra-casos-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-casos-indice-lista { list-style: none; margin: 0 0 40px; padding: 0;
    display: flex; flex-wrap: wrap; gap: 8px; }
.arra-casos-indice-enlace { display: inline-block; padding: 8px 14px;
    border-radius: 100px; border: 1px solid var(--arra-line);
    font-size: 13.5px; color: var(--fg); text-decoration: none;
    transition: border-color 200ms
        var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-casos-indice-enlace:hover {
      border-color: var(--wp--preset--color--dorado-700); }
}
.arra-casos-lista { display: grid; gap: 0; }
.arra-casos-caso { padding-block: 30px;
              border-block-start: 1px solid var(--arra-line);
              scroll-margin-block-start: 110px; }
.arra-casos-caso:last-child {
    border-block-end: 1px solid var(--arra-line); }
.arra-casos-caso-titulo { margin: 0 0 22px; font-size: 22px;
    line-height: 1.25; font-family: var(--font-display);
    font-weight: 500; color: var(--fg); }
.arra-casos-pasos { margin: 0; display: grid; gap: 20px; }
.arra-casos-paso-rotulo { margin: 0 0 5px; font-size: 12.5px;
    letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--corp); }
.arra-casos-paso-texto { margin: 0; font-size: 16px; line-height: 1.65;
                    color: var(--fg); }
.arra-casos-paso:last-child { padding-inline-start: 16px;
    border-inline-start: 3px solid
        var(--wp--preset--color--dorado-700); }
@media (min-width: 860px) {
  .arra-casos-pasos { grid-template-columns: repeat(3, minmax(0, 1fr));
                 gap: 34px; }
}

/* Las dos cajas que se repetian en nueve paginas pierden la
   caja. Ver destilar.py, css_sin_bocadillos(). */
.arra-problema-2 { background: transparent; border: 0; border-radius: 0;
      padding: 4px 0 6px; transform: none; }
@media (min-width: 760px) {
  .arra-problema-2 { padding-inline: 30px 26px;
        border-inline-start: 1px solid var(--arra-line-soft); }
  .arra-problema-2:first-child { padding-inline-start: 0;
                    border-inline-start: 0; }
}
@media (max-width: 759px) {
  .arra-problema-2 { padding-block: 18px;
        border-block-start: 1px solid var(--arra-line-soft); }
  .arra-problema-2:first-child { padding-block-start: 0;
                    border-block-start: 0; }
}
.arra-reporting-planificacion-2 { background: transparent; border: 0; border-radius: 0;
      padding: 4px 0 6px; transform: none; }
@media (min-width: 760px) {
  .arra-reporting-planificacion-2 { padding-inline: 30px 26px;
        border-inline-start: 1px solid var(--arra-line-soft); }
  .arra-reporting-planificacion-2:first-child { padding-inline-start: 0;
                    border-inline-start: 0; }
}
@media (max-width: 759px) {
  .arra-reporting-planificacion-2 { padding-block: 18px;
        border-block-start: 1px solid var(--arra-line-soft); }
  .arra-reporting-planificacion-2:first-child { padding-block-start: 0;
                    border-block-start: 0; }
}
.arra-todo-lo-gestionamos-1 { background: transparent; border: 0; border-radius: 0;
      padding: 4px 0 6px; transform: none; }
@media (min-width: 760px) {
  .arra-todo-lo-gestionamos-1 { padding-inline: 30px 26px;
        border-inline-start: 1px solid var(--arra-line-soft); }
  .arra-todo-lo-gestionamos-1:first-child { padding-inline-start: 0;
                    border-inline-start: 0; }
}
@media (max-width: 759px) {
  .arra-todo-lo-gestionamos-1 { padding-block: 18px;
        border-block-start: 1px solid var(--arra-line-soft); }
  .arra-todo-lo-gestionamos-1:first-child { padding-block-start: 0;
                    border-block-start: 0; }
}
.arra-quien-9 { background: transparent; border: 0; border-radius: 0;
      padding: 4px 0 6px; transform: none; }
@media (min-width: 760px) {
  .arra-quien-9 { padding-inline: 30px 26px;
        border-inline-start: 1px solid var(--arra-line-soft); }
  .arra-quien-9:first-child { padding-inline-start: 0;
                    border-inline-start: 0; }
}
@media (max-width: 759px) {
  .arra-quien-9 { padding-block: 18px;
        border-block-start: 1px solid var(--arra-line-soft); }
  .arra-quien-9:first-child { padding-block-start: 0;
                    border-block-start: 0; }
}
.arra-problema-1, .arra-reporting-planificacion-1, .arra-asesoria-contable-1, .arra-podemos-ayudarte-15 { gap: 4px 0; }
@media (min-width: 760px) {
  .arra-podemos-ayudarte-15 > .arra-problema-2 { padding-inline: 0;
      border-inline-start: 0;
      padding-block: 18px;
      border-block-start: 1px solid var(--arra-line-soft); }
  .arra-podemos-ayudarte-15 > .arra-problema-2:first-child { padding-block-start: 0;
      border-block-start: 0; }
}
@media (min-width: 760px) {
  .arra-podemos-ayudarte-15 > .arra-reporting-planificacion-2 { padding-inline: 0;
      border-inline-start: 0;
      padding-block: 18px;
      border-block-start: 1px solid var(--arra-line-soft); }
  .arra-podemos-ayudarte-15 > .arra-reporting-planificacion-2:first-child { padding-block-start: 0;
      border-block-start: 0; }
}
@media (min-width: 760px) {
  .arra-podemos-ayudarte-15 > .arra-todo-lo-gestionamos-1 { padding-inline: 0;
      border-inline-start: 0;
      padding-block: 18px;
      border-block-start: 1px solid var(--arra-line-soft); }
  .arra-podemos-ayudarte-15 > .arra-todo-lo-gestionamos-1:first-child { padding-block-start: 0;
      border-block-start: 0; }
}
@media (min-width: 760px) {
  .arra-podemos-ayudarte-15 > .arra-quien-9 { padding-inline: 0;
      border-inline-start: 0;
      padding-block: 18px;
      border-block-start: 1px solid var(--arra-line-soft); }
  .arra-podemos-ayudarte-15 > .arra-quien-9:first-child { padding-block-start: 0;
      border-block-start: 0; }
}
.arra-problema-2.arra-router-h2 > :first-child { transition: color
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-problema-2.arra-router-h2 { transition: transform var(--dur-base)
        var(--ease-out), border-color var(--dur-base) var(--ease-out); }
  .arra-problema-2.arra-router-h2:hover { box-shadow: none;
        border-color: var(--wp--preset--color--dorado-700); }
  .arra-problema-2.arra-router-h2:hover > :first-child {
        color: var(--arra-linea); }
}
.arra-reporting-planificacion-2.arra-router-h2 > :first-child { transition: color
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-reporting-planificacion-2.arra-router-h2 { transition: transform var(--dur-base)
        var(--ease-out), border-color var(--dur-base) var(--ease-out); }
  .arra-reporting-planificacion-2.arra-router-h2:hover { box-shadow: none;
        border-color: var(--wp--preset--color--dorado-700); }
  .arra-reporting-planificacion-2.arra-router-h2:hover > :first-child {
        color: var(--arra-linea); }
}
.arra-todo-lo-gestionamos-1.arra-router-h2 > :first-child { transition: color
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-todo-lo-gestionamos-1.arra-router-h2 { transition: transform var(--dur-base)
        var(--ease-out), border-color var(--dur-base) var(--ease-out); }
  .arra-todo-lo-gestionamos-1.arra-router-h2:hover { box-shadow: none;
        border-color: var(--wp--preset--color--dorado-700); }
  .arra-todo-lo-gestionamos-1.arra-router-h2:hover > :first-child {
        color: var(--arra-linea); }
}
.arra-quien-9.arra-router-h2 > :first-child { transition: color
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-quien-9.arra-router-h2 { transition: transform var(--dur-base)
        var(--ease-out), border-color var(--dur-base) var(--ease-out); }
  .arra-quien-9.arra-router-h2:hover { box-shadow: none;
        border-color: var(--wp--preset--color--dorado-700); }
  .arra-quien-9.arra-router-h2:hover > :first-child {
        color: var(--arra-linea); }
}

/* La estructura del grupo, portada del prototipo del cliente.
   Ver destilar.py, red_societaria(). */
.arra-flujos-escena { position: relative; aspect-ratio: 1000 / 600;
    max-inline-size: 960px; margin-inline: auto;
    overflow: hidden; }
.arra-flujos-lineas { position: absolute; inset: 0; inline-size: 100%;
    block-size: 100%; }
.arra-flujos-via { fill: none; stroke-width: 1.3px; stroke-linecap: square;
    vector-effect: non-scaling-stroke;
    transition: opacity 260ms var(--wp--custom--movimiento--salida), stroke-width 260ms var(--wp--custom--movimiento--salida); }
.arra-flujos-via--baja { stroke: color-mix(in srgb, var(--wp--preset--color--burdeos-900) 34%, transparent); }
.arra-flujos-via--sube { stroke: color-mix(in srgb, var(--wp--preset--color--dorado-700) 48%, transparent);
    stroke-dasharray: 2 5; }
.arra-flujos-punto { stroke: var(--wp--preset--color--blanco); stroke-width: 2px;
    vector-effect: non-scaling-stroke; }
.arra-flujos-punto--dividendo { fill: var(--wp--preset--color--dorado-500); }
.arra-flujos-punto--servicio { fill: var(--wp--preset--color--burdeos-900); }
.arra-flujos-holding { position: absolute; inset-inline-start: 31%;
    inline-size: 38%; inset-block-start: 4%; block-size: 15%;
    display: grid; grid-template-columns: auto minmax(0, 1fr);
    align-items: center; gap: 2px 13px; padding: 0 clamp(10px, 1.6vw, 19px);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--burdeos-900) 42%, transparent);
    border-radius: 16px; background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); }
.arra-flujos-holding .arra-flujos-marca { grid-row: 1 / span 2; color: var(--wp--preset--color--blanco);
    background: var(--wp--preset--color--burdeos-900); border-color: var(--wp--preset--color--burdeos-900); }
.arra-flujos-holding .arra-flujos-kicker { color: var(--wp--preset--color--burdeos-900); align-self: end; }
.arra-flujos-holding .arra-flujos-nombre { align-self: start; }
.arra-flujos-filiales { list-style: none; margin: 0; padding: 0; position: absolute;
    inset-inline: 0; inset-block-start: 58%; block-size: 22%;
    display: grid; grid-template-columns: repeat(3, 30%);
    justify-content: space-between; }
.arra-flujos-filial { position: relative; display: grid; align-content: center;
    gap: 2px; padding: clamp(9px, 1.6vw, 18px);
    border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 15px; background: var(--wp--preset--color--blanco);
    box-shadow: var(--shadow-badge); }
.arra-flujos-marca { display: grid; place-items: center; inline-size: 34px;
    block-size: 34px; border: 1px solid var(--wp--preset--color--dorado-700); border-radius: 50%;
    color: var(--arra-linea); background: var(--wp--preset--color--neutro-100); }
.arra-flujos-marca .arra-icono { inline-size: 17px; block-size: 17px;
    color: inherit; }
.arra-flujos-filial .arra-flujos-marca { position: absolute; inset-block-start: 12px;
    inset-inline-end: 12px; }
.arra-flujos-kicker { color: var(--wp--preset--color--dorado-700); font-size: 9px; font-weight: 600;
    letter-spacing: .14em; text-transform: uppercase; }
.arra-flujos-que { color: var(--wp--preset--color--tinta-300); font-size: 10px; }
.arra-flujos-nombre { font-family: var(--font-display); font-weight: 500;
    font-size: clamp(13px, 1.5vw, 19px); line-height: 1.2;
    letter-spacing: -.025em; color: var(--wp--preset--color--tinta-900); }
.arra-flujos:has(.arra-flujos-filial--1:hover) .arra-flujos-via:not(.arra-flujos-via--1)
    { opacity: .14; }
.arra-flujos:has(.arra-flujos-filial--1:hover) .arra-flujos-via--1
    { opacity: 1; stroke-width: 2.2px; }
.arra-flujos-filial--1:hover { transform: translateY(-3px);
    border-color: var(--wp--preset--color--dorado-500); }
.arra-flujos:has(.arra-flujos-filial--2:hover) .arra-flujos-via:not(.arra-flujos-via--2)
    { opacity: .14; }
.arra-flujos:has(.arra-flujos-filial--2:hover) .arra-flujos-via--2
    { opacity: 1; stroke-width: 2.2px; }
.arra-flujos-filial--2:hover { transform: translateY(-3px);
    border-color: var(--wp--preset--color--dorado-500); }
.arra-flujos:has(.arra-flujos-filial--3:hover) .arra-flujos-via:not(.arra-flujos-via--3)
    { opacity: .14; }
.arra-flujos:has(.arra-flujos-filial--3:hover) .arra-flujos-via--3
    { opacity: 1; stroke-width: 2.2px; }
.arra-flujos-filial--3:hover { transform: translateY(-3px);
    border-color: var(--wp--preset--color--dorado-500); }
.arra-flujos-flujos { list-style: none; display: grid; gap: 18px 30px;
    margin: 22px 0 0; padding: 20px 22px; border: 1px solid var(--wp--preset--color--neutro-400);
    border-radius: 15px; background: var(--wp--preset--color--blanco);
    grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) {
  .arra-flujos-flujos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arra-flujos-flujo + .arra-flujos-flujo { padding-inline-start: 30px;
      border-inline-start: 1px solid var(--wp--preset--color--neutro-300); }
}
.arra-flujos-flujo { display: grid; grid-template-columns: 36px minmax(0, 1fr);
    gap: 13px; align-items: start; }
.arra-flujos-signo { display: grid; place-items: center; inline-size: 36px;
    block-size: 36px; border-radius: 50%; color: var(--wp--preset--color--blanco); }
.arra-flujos-signo svg { inline-size: 17px; block-size: 17px; }
.arra-flujos-flujo--dividendo .arra-flujos-signo { background: var(--wp--preset--color--dorado-700); }
.arra-flujos-flujo--servicio .arra-flujos-signo { background: var(--wp--preset--color--burdeos-900); }
.arra-flujos-flujo-texto { font-size: 13px; line-height: 1.55; color: var(--wp--preset--color--tinta-500); }
.arra-flujos-flujo-texto small { display: block; margin-block-end: 5px;
    font-size: 9px; font-weight: 600; letter-spacing: .13em;
    text-transform: uppercase; }
.arra-flujos-flujo--dividendo small { color: var(--wp--preset--color--dorado-700); }
.arra-flujos-flujo--servicio small { color: var(--wp--preset--color--burdeos-900); }
.arra-flujos-flujo-texto strong { color: var(--wp--preset--color--tinta-900); font-weight: 600; }
.arra-flujos-descs { list-style: none; display: grid; gap: 14px 30px; margin: 20px 0 0;
    padding: 0; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) {
  .arra-flujos-descs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.arra-flujos-desc { display: grid; gap: 4px; padding-block-start: 13px;
    border-block-start: 1px solid var(--wp--preset--color--neutro-300); }
.arra-flujos-desc-kicker { font-family: var(--font-display); font-weight: 500;
    font-size: 14px; color: var(--wp--preset--color--tinta-900); }
.arra-flujos-desc-texto { font-size: 13.5px; line-height: 1.6; color: var(--wp--preset--color--tinta-500); }
.arra-flujos-holding, .arra-flujos-filial { transition: transform 600ms var(--wp--custom--movimiento--salida), opacity 600ms var(--wp--custom--movimiento--salida),
    border-color 260ms var(--wp--custom--movimiento--salida); }
.js-motion .arra-flujos:not(.in) .arra-flujos-holding { opacity: 0; transform: translateY(-10px); }
.js-motion .arra-flujos:not(.in) .arra-flujos-filial { opacity: 0; transform: translateY(10px); }
.arra-flujos-filial:nth-child(1) { transition-delay: 250ms; }
.arra-flujos-filial:nth-child(2) { transition-delay: 410ms; }
.arra-flujos-filial:nth-child(3) { transition-delay: 570ms; }
@media (max-width: 599px) {
  .arra-flujos-filial .arra-flujos-marca { display: none; }
  .arra-flujos-que { display: none; }
  .arra-flujos-holding { inset-inline-start: 22%; inline-size: 56%; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-flujos-holding, .arra-flujos-filial, .arra-flujos-via { transition: none; }
  .js-motion .arra-flujos:not(.in) .arra-flujos-holding,
  .js-motion .arra-flujos:not(.in) .arra-flujos-filial { opacity: 1; transform: none; }
}

/* m15 · El calendario fiscal de
   /corporate/asesoramiento-integral/. Ver destilar.py,
   bloque_del_calendario(). */
.arra-calfiscal { margin-block-start: 38px; }
.arra-calfiscal-banda { padding: 24px 24px 26px;
               border-radius: var(--r-lg);
               background: var(--wp--preset--color--burdeos-950);
               color: var(--wp--preset--color--blanco); }
.arra-calfiscal-cabeza { display: flex; flex-wrap: wrap; gap: 6px 18px;
                align-items: baseline;
                margin-block-end: 26px; }
.arra-calfiscal-rotulo { font-family: var(--font-display); font-weight: 500;
                font-size: 17px;
                color: var(--wp--preset--color--dorado-300); }
.arra-calfiscal-aviso { font-size: 13px; letter-spacing: 0.1em;
               text-transform: uppercase;
               color: var(--wp--preset--color--neutro-300); }
.arra-calfiscal-rail { list-style: none; margin: 0; padding: 0;
              position: relative; display: grid; gap: 14px;
              padding-block-start: 22px; }
.arra-calfiscal-rail::before, .arra-calfiscal-rail::after { content: "";
    position: absolute; inset-block-start: 6px;
    inset-inline: 0; block-size: 3px; border-radius: 2px; }
.arra-calfiscal-rail::before {
    background: color-mix(in srgb,
        var(--wp--preset--color--blanco) 18%, transparent); }
.arra-calfiscal-rail::after {
    background: var(--wp--preset--color--dorado-500);
    transform-origin: left; }
.arra-calfiscal-hito { position: relative; display: grid; gap: 2px; }
.arra-calfiscal-marca { position: absolute; inline-size: 13px;
               block-size: 13px; border-radius: 50%;
               inset-block-start: -22px; inset-inline-start: 0;
               background: var(--wp--preset--color--burdeos-950);
               border: 3px solid var(--wp--preset--color--dorado-500); }
.arra-calfiscal-q { font-family: var(--font-display); font-weight: 500;
           font-size: 14px;
           color: var(--wp--preset--color--dorado-300); }
.arra-calfiscal-que { font-size: 13.5px; line-height: 1.5;
             color: var(--wp--preset--color--neutro-200); }
@media (min-width: 760px) {
  .arra-calfiscal-rail { grid-auto-flow: column;
                grid-auto-columns: minmax(0, 1fr); gap: 0 18px; }
}
.arra-calfiscal-anuales { list-style: none; margin: 26px 0 0; padding: 0;
                 display: grid; gap: 0; }
.arra-calfiscal-anual { padding: 16px 0 18px;
               border-block-start: 1px solid var(--arra-line-soft); }
.arra-calfiscal-anual:last-child {
    border-block-end: 1px solid var(--arra-line-soft); }
.arra-calfiscal-anual-titulo { margin: 0 0 4px; font-size: 16px;
    letter-spacing: 0.06em; font-family: var(--font-display);
    font-weight: 500; color: var(--fg); }
.arra-calfiscal-anual-texto { margin: 0; font-size: 14.5px; line-height: 1.6;
                     color: var(--fg-soft); }
@media (min-width: 760px) {
  .arra-calfiscal-anual { display: grid; gap: 4px 30px;
                 grid-template-columns: minmax(0, 12rem)
                                        minmax(0, 1fr); }
  .arra-calfiscal-anual-titulo { margin: 0; }
}
.arra-calfiscal-pie { margin: 24px 0 0; max-inline-size: 64ch;
             font-size: 15px; line-height: 1.7;
             color: var(--fg-soft); }
.arra-calfiscal-rail::after {
    transition: transform 1400ms
        var(--wp--custom--movimiento--entrada-salida); }
.js-motion .arra-calfiscal:not(.in) .arra-calfiscal-rail::after {
    transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) {
  .arra-calfiscal-rail::after { transition: none; }
  .js-motion .arra-calfiscal:not(.in) .arra-calfiscal-rail::after {
      transform: none; }
}

/* Los claims de §11 del contenido, en banda burdeos y una cada
   vez (m7). Ver destilar.py, bloque_de_los_claims(), y el relevo
   en assets/js/claims.js. */
.arra-claims { background: var(--wp--preset--color--burdeos-950);
    --arra-fondo-seccion: var(--wp--preset--color--burdeos-950);
    box-shadow: 0 0 0 100vmax var(--wp--preset--color--burdeos-950);
    clip-path: inset(0 -100vmax);
    padding-block: clamp(46px, 5.4vw, 72px); }
.arra-claims[data-arra-claims] { touch-action: pan-y; user-select: none;
    -webkit-user-select: none; cursor: grab; }
.arra-claims__lista { display: grid; margin: 0; padding: 0; list-style: none;
    justify-items: center; }
.arra-claims__item { grid-area: 1 / 1; margin: 0; display: grid;
    justify-items: center; text-align: center; opacity: 0;
    pointer-events: none; }
.arra-claims__item:first-child { opacity: 1; }
.arra-claims__lista:has(.esta-activa) .arra-claims__item:not(.esta-activa) {
    opacity: 0; }
.arra-claims__item.esta-activa { opacity: 1; pointer-events: auto;
    animation: arra-claims-entra 700ms var(--wp--custom--movimiento--salida) both; }
.arra-claims__item.se-va { opacity: 0;
    animation: arra-claims-sale 700ms var(--wp--custom--movimiento--salida) both; }
.va-atras .arra-claims__item.esta-activa { animation-name: arra-claims-entra-atras; }
.va-atras .arra-claims__item.se-va { animation-name: arra-claims-sale-atras; }
@keyframes arra-claims-entra { from { opacity: 0;
        transform: translateX(46px) scale(.985); }
    to { opacity: 1; transform: none; } }
@keyframes arra-claims-sale { from { opacity: 1; transform: none; }
    to { opacity: 0; transform: translateX(-46px) scale(.985); } }
@keyframes arra-claims-entra-atras { from { opacity: 0;
        transform: translateX(-46px) scale(.985); }
    to { opacity: 1; transform: none; } }
@keyframes arra-claims-sale-atras { from { opacity: 1; transform: none; }
    to { opacity: 0; transform: translateX(46px) scale(.985); } }
.arra-claims__filete { display: block; block-size: 2px; inline-size: 46px;
    margin-block-end: 20px;
    background: var(--wp--preset--color--dorado-500); }
.arra-claims__frase { margin: 0; color: var(--wp--preset--color--blanco);
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(23px, 3.1vw, 38px); line-height: 1.24;
    letter-spacing: -0.02em; max-inline-size: 22ch; }
.arra-claims__puntos { display: flex; justify-content: center; gap: 8px;
    margin: clamp(26px, 3vw, 38px) 0 0; padding: 0; list-style: none; }
.arra-claims__punto { position: relative; display: block; appearance: none;
    inline-size: 26px; block-size: 3px; padding: 0; border: 0;
    border-radius: 3px; cursor: pointer;
    background: color-mix(in srgb, var(--wp--preset--color--dorado-300)
        26%, transparent);
    transition: background-color 700ms var(--wp--custom--movimiento--salida); }
.arra-claims__punto::before { content: ""; position: absolute;
    inset: -20px -6px; }
.arra-claims__punto.esta-activa { background: var(--wp--preset--color--dorado-500); }
.arra-claims__punto:focus-visible { outline: 2px solid
    var(--wp--preset--color--dorado-300); outline-offset: 6px; }
@media (hover: hover) {
  .arra-claims__punto:hover { background: var(--wp--preset--color--dorado-300); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-claims__item.esta-activa, .arra-claims__item.se-va { animation: none; }
}

/* Los beneficios de §9 del contenido: numeral, titulo y linea.
   Ver destilar.py, bloque_de_los_beneficios(). */
.arra-beneficios__cabecera { max-inline-size: 54ch; margin-block-end: 34px; }
.arra-beneficios__h2 { margin: 10px 0 0; }
.arra-beneficios__lista { display: grid; gap: 0; margin: 0; padding: 0;
    list-style: none; }
.arra-beneficios__item { position: relative; display: grid; gap: 2px 22px;
    padding: 20px 18px; margin-inline: -18px; border-radius: 14px;
    grid-template-columns: minmax(0, 1fr); }
.arra-beneficios__item::before { content: ""; position: absolute;
    inset-inline: 18px; inset-block-start: 0; block-size: 1px;
    background: var(--arra-line-soft);
    transition: opacity 260ms var(--wp--custom--movimiento--salida); }
.arra-beneficios__item:first-child::before { display: none; }
@media (min-width: 760px) {
  .arra-beneficios__item { grid-template-columns: 4.5rem minmax(0, 1fr);
                 gap: 2px 26px; }
  .arra-beneficios__n { grid-row: 1 / span 2; }
}
.arra-beneficios__n { font-family: var(--font-display); font-weight: 500;
    font-size: 29px; line-height: 1; letter-spacing: -0.02em;
    color: var(--wp--preset--color--dorado-700);
    font-variant-numeric: tabular-nums;
    transition: color 260ms var(--wp--custom--movimiento--salida); }
.arra-beneficios__t { margin: 0; font-family: var(--font-display);
    font-weight: 500; font-size: 19px; line-height: 1.25;
    color: var(--wp--preset--color--carbon-950); }
.arra-beneficios__d { margin: 0; font-size: 15.5px; line-height: 1.65;
    color: var(--fg-soft); max-inline-size: 62ch; }
@media (hover: hover) {
  .arra-beneficios__item:hover { background-color: var(--wp--preset--color--neutro-100); }
  .arra-fondo-suave .arra-beneficios__item:hover {
      background-color: var(--wp--preset--color--neutro-200); }
  .arra-beneficios__item:hover .arra-beneficios__n { color: var(--wp--preset--color--burdeos-700); }
  .arra-beneficios__item:hover::before, .arra-beneficios__item:hover + .arra-beneficios__item::before {
      opacity: 0; }
}
.arra-beneficios__item { transition: opacity 520ms
        var(--wp--custom--movimiento--salida),
        transform 520ms var(--wp--custom--movimiento--salida),
        background-color 200ms var(--wp--custom--movimiento--salida);
    transition-delay: var(--turno, 0ms), var(--turno, 0ms), 0ms; }
.js-motion .arra-beneficios__lista:not(.in) .arra-beneficios__item {
    opacity: 0; transform: translateY(14px); }
@media (max-width: 719px) {
  .arra-beneficios:has(> .arra-beneficios__lista.esta-apilada) > .arra-beneficios__cabecera {
      position: sticky; inset-block-start: var(--apila-barra, 104px);
      z-index: 3; background: var(--arra-fondo-seccion);
      max-inline-size: none; margin-block-end: 0;
      padding-block-end: 22px; }
  .arra-beneficios__cabecera.esta-pegado {
      box-shadow: 0 calc(-1 * var(--apila-tapa, 0px)) 0
          var(--arra-fondo-seccion); }
  .arra-beneficios__lista.esta-apilada > .arra-beneficios__item { position: sticky;
      inset-block-start: var(--apila-arriba, 104px);
      min-block-size: 46svh; align-content: start;
      box-sizing: border-box; margin-inline: 0; padding: 22px 20px;
      border-radius: 16px; border: 1px solid var(--arra-line-soft);
      background-color: var(--wp--preset--color--neutro-200); }
  .arra-fondo-suave .arra-beneficios__lista.esta-apilada > .arra-beneficios__item {
      background-color: var(--wp--preset--color--blanco); }
  .arra-beneficios__lista.esta-apilada > .arra-beneficios__item + .arra-beneficios__item {
      margin-block-start: 14px; }
  .arra-beneficios__lista.esta-apilada > .arra-beneficios__item::before { display: none; }
  .arra-beneficios__lista.esta-apilada > .arra-beneficios__item .arra-beneficios__n {
      font-size: 48px; margin-block-end: 10px;
      transition: color 620ms var(--wp--custom--movimiento--salida); }
  .arra-beneficios__lista.esta-apilada > .acaba-de-llegar .arra-beneficios__n {
      color: var(--wp--preset--color--burdeos-700);
      transition-duration: 160ms; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-beneficios__item, .arra-beneficios__n { transition: none; }
  .js-motion .arra-beneficios__lista:not(.in) .arra-beneficios__item {
      opacity: 1; transform: none; }
}
.arra-beneficios__item:nth-child(1) { --turno: 0ms; }
.arra-beneficios__item:nth-child(2) { --turno: 240ms; }
.arra-beneficios__item:nth-child(3) { --turno: 480ms; }
.arra-beneficios__item:nth-child(4) { --turno: 720ms; }
.arra-beneficios__item:nth-child(5) { --turno: 960ms; }

/* Dos siluetas mas para el mismo marcado, contra la repeticion
   de secciones. Ver destilar.py, css_de_las_siluetas(). */
.arra-definicion { display: grid; grid-template-columns: minmax(0, 1fr);
         gap: 0; }
.arra-definicion > * { display: grid; gap: 4px 0; padding-block: 20px;
    border-block-start: 1px solid var(--arra-line-soft);
    border-inline-start: 0; padding-inline: 0;
    grid-template-columns: minmax(0, 1fr); }
.arra-definicion > *:first-child { border-block-start: 0;
    padding-block-start: 0; }
@media (min-width: 760px) {
  .arra-definicion > * { grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
               gap: 4px 40px; }
}
.arra-definicion > * > :first-child { font-family: var(--font-display);
    font-weight: 500; font-size: 19px; line-height: 1.25;
    color: var(--wp--preset--color--carbon-950); }
.arra-definicion > * > p { margin: 0; font-size: 15.5px; line-height: 1.65;
    color: var(--fg-soft); max-inline-size: 60ch; }
.arra-pausa { display: grid; grid-template-columns: minmax(0, 1fr);
         gap: 16px; max-inline-size: 68ch; }
.arra-pausa > * { display: block; padding: 0; border: 0;
    background: transparent; }
.arra-pausa > * > :first-child { display: inline;
    font-weight: 600; color: var(--wp--preset--color--carbon-950); }
.arra-pausa > * > :first-child::after { content: ""; display: inline-block;
    inline-size: 1px; block-size: 0.95em; vertical-align: -0.14em;
    margin-inline: 12px;
    background: var(--wp--preset--color--dorado-700); }
.arra-pausa > * > p { display: inline; margin: 0; font-size: 16.5px;
    line-height: 1.7; color: var(--fg-soft); }
.arra-entregables { display: grid; grid-template-columns: minmax(0, 1fr);
         gap: 0; }
.arra-entregables > * { display: grid; gap: 6px 0; padding-block: 22px;
    border-block-start: 1px solid var(--arra-line-soft);
    border-inline-start: 0; padding-inline: 0;
    background: transparent; border-radius: 0;
    grid-template-columns: minmax(0, 1fr); }
.arra-entregables > *:first-child { border-block-start: 0;
    padding-block-start: 0; }
@media (min-width: 760px) {
  .arra-entregables > * { grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
               gap: 6px 44px; align-items: start; }
  .arra-entregables > * > :nth-child(1) { grid-area: 1 / 1; }
  .arra-entregables > * > :nth-child(2) { grid-area: 2 / 1; }
  .arra-entregables > * > :nth-child(3) { grid-area: 3 / 1; }
  .arra-entregables > * > :nth-child(4) { grid-area: 1 / 2 / span 3 / 2; }
}
.arra-entregables > * > :nth-child(2) { font-family: var(--font-display);
    font-weight: 500; font-size: 19px; line-height: 1.25;
    color: var(--wp--preset--color--carbon-950); }
.arra-entregables > * > :nth-child(3) { margin: 0; font-size: 15.5px;
    line-height: 1.65; color: var(--fg-soft);
    max-inline-size: 54ch; }
.arra-entregables > * > :nth-child(4) { padding-inline-start: 14px;
    border-inline-start: 2px solid
        var(--wp--preset--color--dorado-700); }
.arra-entregables > * > :nth-child(4) > :first-child { display: block;
    font-size: 11.5px; letter-spacing: 0.14em;
    text-transform: uppercase; margin-block-end: 4px;
    color: var(--wp--preset--color--tinta-500); }
.arra-entregables > * > :nth-child(4) > * { font-size: 15.5px;
    line-height: 1.6; color: var(--fg-soft); margin: 0; }
.arra-lista-limpia > * { background: transparent; border: 0; border-radius: 0;
    box-shadow: none; padding: 4px 0 6px; transform: none; }
@media (min-width: 760px) {
  .arra-lista-limpia > * { padding-inline: 26px 22px;
      border-inline-start: 1px solid var(--arra-line-soft); }
  .arra-lista-limpia > *:first-child { border-inline-start: 0;
      padding-inline-start: 0; }
}
.arra-dosieres { display: grid; gap: 16px;
         grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) {
  .arra-dosieres { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
}
.arra-dosieres > * { display: grid; grid-template-rows: auto auto 1fr auto;
    gap: 8px 0; padding: 26px 24px 24px;
    background: var(--wp--preset--color--blanco);
    border: 1px solid var(--arra-line-soft);
    border-block-start: 3px solid var(--wp--preset--color--dorado-700);
    border-radius: var(--r-lg);
    transition: transform var(--dur-base) var(--ease-out),
                border-color var(--dur-base) var(--ease-out); }
.arra-dosieres > * > :nth-child(2) { font-family: var(--font-display);
    font-weight: 500; font-size: 20px; line-height: 1.25; margin: 0;
    color: var(--wp--preset--color--carbon-950); }
.arra-dosieres > * > :nth-child(3) { margin: 0 0 16px; font-size: 15px;
    line-height: 1.6; color: var(--fg-soft); }
.arra-dosieres > * > :nth-child(4) { margin-block-start: auto; padding: 14px 16px;
    border: 0; border-radius: 10px;
    border-inline-start: 2px solid var(--wp--preset--color--dorado-700);
    background: var(--wp--preset--color--neutro-100); }
.arra-dosieres > * > :nth-child(4) > :first-child { display: block;
    font-size: 11.5px; letter-spacing: 0.14em; font-weight: 500;
    text-transform: uppercase; margin-block-end: 4px;
    color: var(--wp--preset--color--tinta-500); }
.arra-dosieres > * > :nth-child(4) > * { font-size: 15px; line-height: 1.55;
    color: var(--fg); margin: 0; }
@media (hover: hover) {
  .arra-dosieres > *:hover { transform: translateY(-4px);
      border-color: var(--wp--preset--color--dorado-700); }
}
.arra-proceso__etapa { display: block; margin-block-end: 5px;
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--wp--preset--color--dorado-700); }
.arra-proceso--operaciones .arra-proceso__caja {
    transition: transform var(--dur-base) var(--ease-out),
                border-color var(--dur-base) var(--ease-out); }
@media (hover: hover) {
  .arra-proceso--operaciones .arra-proceso__caja:hover {
      transform: translateY(-3px);
      border-color: var(--wp--preset--color--dorado-700); }
}

/* Los iconos delante de cada opcion: se dibujan al entrar la fila,
   como los de la home. Ver destilar.py, iconos_en_la_definicion(). */
.arra-icono { display: block; inline-size: 31.2px; block-size: 31.2px;
    translate: 0 1px; color: var(--corp);
    transition: color var(--wp--custom--movimiento--base)
                var(--wp--custom--movimiento--salida); }
.arra-icono svg { inline-size: 100%; block-size: 100%; display: block; }
.arra-definicion.arra-definicion--iconos > * > .arra-icono, .arra-socios-asunto > .arra-icono {
    color: var(--wp--preset--color--burdeos-900); }
.arra-icono path { stroke-dasharray: 1; stroke-dashoffset: 0;
    transition: stroke-dashoffset 1176ms
                var(--wp--custom--movimiento--salida);
    transition-delay: calc(500ms + (sibling-index() - 1) * 154ms); }
.js-motion .arra-reveal:not(.in) .arra-icono path { stroke-dashoffset: 1;
    transition: none; }
@media (hover: hover) {
  .arra-definicion.arra-definicion--iconos > .arra-problema-2:hover > .arra-icono,
  .arra-socios-asunto:hover > .arra-icono {
      color: var(--wp--preset--color--dorado-700); }
}
.arra-definicion.arra-definicion--iconos > * { grid-template-columns: auto minmax(0, 1fr);
    gap: 4px 16px; align-items: start; }
.arra-definicion.arra-definicion--iconos > * > .arra-icono { grid-row: 1 / span 2; }
.arra-definicion.arra-definicion--iconos > * > :nth-child(2) { font-family: var(--font-display);
    font-weight: 500; font-size: 19px; line-height: 1.25;
    color: var(--wp--preset--color--carbon-950); }
.arra-definicion.arra-definicion--iconos > * > p { grid-column: 2; }
@media (min-width: 760px) {
  .arra-definicion.arra-definicion--iconos > * { grid-template-columns: auto minmax(0, 15rem)
                                                   minmax(0, 1fr);
      column-gap: 22px; }
  .arra-definicion.arra-definicion--iconos > * > .arra-icono { grid-row: 1; }
  .arra-definicion.arra-definicion--iconos > * > p { grid-column: 3; grid-row: 1; }
}
@media (max-width: 859px) {
  .arra-icono { inline-size: 26.4px; block-size: 26.4px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-icono { transition: none; }
  .arra-icono path, .js-motion .arra-reveal:not(.in) .arra-icono path {
      transition: none; stroke-dashoffset: 0; }
}

/* Los logotipos de las herramientas, a la izquierda de su nombre.
   Ver destilar.py, logos_en_los_partners(). */
.arra-con-logos > * { display: grid; grid-template-columns: 96px minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr);
    column-gap: 18px; row-gap: 0; align-items: start; }
.arra-con-logos > * > :first-child, .arra-con-logos > * > p { grid-column: 2; }
.arra-logo-plataforma { grid-column: 1; grid-row: 1 / -1; display: block;
    justify-self: start; align-self: center;
    block-size: auto; inline-size: auto;
    max-block-size: 26px; max-inline-size: 96px;
    filter: grayscale(1); opacity: 0.7;
    transition: filter var(--wp--custom--movimiento--base) var(--wp--custom--movimiento--salida),
                opacity var(--wp--custom--movimiento--base) var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-con-logos > *:hover .arra-logo-plataforma { filter: none; opacity: 1; }
}

/* Superficies claras sobre banda gris: se invierten. Ver
   destilar.py, css_de_las_superficies(). */
.arra-fondo-suave .arra-superficie-clara { background: var(--wp--preset--color--blanco); }
.arra-fondo-suave .arra-tira-logos,
.arra-fondo-suave .arra-inicio-partners {
    background: var(--wp--preset--color--blanco); }
.arra-fondo-suave .arra-tira-logos > li,
.arra-fondo-suave .arra-inicio-partners > li {
    background: var(--wp--preset--color--neutro-100); }

/* El criterio de «esto es para ti si…» de las dos tarjetas del
   router. Ver destilar.py, quien_es_quien(). */
.arra-encaje { margin-block: 20px 22px; padding-block-start: 16px;
    border-block-start: 1px solid var(--arra-line-soft); }
.arra-encaje__rotulo { display: block; margin-block-end: 6px;
    color: var(--wp--preset--color--dorado-700); font-size: 10px;
    font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.arra-encaje__texto { margin: 0; color: var(--fg); font-size: 14.5px;
    line-height: 1.55; }

/* El resumen del metodo de la portada, con la silueta de
   capacidades. Ver destilar.py, bloque_del_metodo_breve(). */
.arra-metodo-breve__cabecera { max-inline-size: 52ch; margin-block-end: 40px; }
.arra-metodo-breve__h2 { margin: 10px 0 14px; }
.arra-metodo-breve__entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-metodo-breve__lista { list-style: none; margin: 0; padding: 0; }
.arra-metodo-breve__momento { display: grid;
    grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px;
    align-items: start; padding-block: 22px;
    margin-inline: -16px; padding-inline: 16px;
    border-block-start: 1px solid var(--arra-line-soft);
    transition: background-color var(--wp--custom--movimiento--base)
                    var(--wp--custom--movimiento--salida),
                border-color var(--wp--custom--movimiento--base)
                    var(--wp--custom--movimiento--salida); }
.arra-metodo-breve__momento:first-child { border-block-start: 0; }
@media (hover: hover) {
  .arra-metodo-breve__momento:hover {
      background-color: var(--wp--preset--color--neutro-100); }
  .arra-metodo-breve__momento:hover,
  .arra-metodo-breve__momento:hover + .arra-metodo-breve__momento {
      border-block-start-color:
          var(--wp--preset--color--dorado-700); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-metodo-breve__momento { transition: none; }
}
.arra-metodo-breve__momento > .arra-icono { grid-row: 1 / span 2; }
.arra-metodo-breve__rotulo { margin: 0; font-family: var(--font-display);
    font-weight: 500; font-size: 19px; line-height: 1.25;
    letter-spacing: -0.01em; color: var(--fg); }
.arra-metodo-breve__linea { margin: 0; grid-column: 2; color: var(--fg-soft);
    font-size: 15px; line-height: 1.6; }
@media (min-width: 760px) {
  .arra-metodo-breve__momento { grid-template-columns: auto minmax(0, 17rem)
                                          minmax(0, 1fr);
      column-gap: 22px; align-items: center; }
  .arra-metodo-breve__momento > .arra-icono { grid-row: 1; }
  .arra-metodo-breve__linea { grid-column: 3; grid-row: 1; }
}
.arra-metodo-breve__momento > .arra-icono {
    color: var(--wp--preset--color--dorado-700); }
@media (hover: hover) {
  .arra-metodo-breve__momento:hover > .arra-icono {
      color: var(--wp--preset--color--tinta-900); }
}

/* La especializacion: acordeon m13 con foto. Ver destilar.py,
   css_de_los_mundos(). */
.arra-mundos__cabecera { max-inline-size: 52ch; margin-block-end: 40px; }
.arra-mundos__h2 { margin: 10px 0 14px; }
.arra-mundos__entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-mundos__grupos { display: grid; gap: 34px; }
@media (min-width: 860px) {
  .arra-mundos__grupos { grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 40px; }
}
.arra-mundos__linea { margin: 0 0 14px;
    color: var(--wp--preset--color--dorado-700);
    font-family: var(--font-body); font-size: 11px; font-weight: 600;
    letter-spacing: .14em; text-transform: uppercase; }
.arra-mundos__acordeon { list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 10px; }
.arra-mundos__panel { flex: 0 0 auto; block-size: 132px; min-inline-size: 0; }
.arra-mundos__enlace { position: relative; display: block; block-size: 100%;
    overflow: hidden; border-radius: var(--r-md);
    text-decoration: none; isolation: isolate; }
.arra-mundos__foto { position: absolute; inset: 0; z-index: -2;
    background-size: cover; background-position: center;
    transform: scale(1.02);
    transition: transform 640ms var(--wp--custom--movimiento--salida); }
.arra-mundos__velo { position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--arra-mundos-tinte) 42%, transparent) 0%,
        color-mix(in srgb, var(--arra-mundos-tinte) 72%, transparent) 46%,
        var(--arra-mundos-tinte) 100%); }
.arra-mundos__grupo--core { --arra-mundos-tinte: var(--wp--preset--color--verde-900); }
.arra-mundos__grupo--corp { --arra-mundos-tinte: var(--wp--preset--color--burdeos-950); }
.arra-mundos__pie { position: absolute; inset-inline: 0; inset-block-end: 0;
    display: grid; gap: 6px; padding: 18px 20px 16px; }
.arra-mundos__nombre { color: var(--wp--preset--color--blanco);
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(16px, 1.7vw, 19px); line-height: 1.2;
    letter-spacing: -0.01em; }
.arra-mundos__ir { display: inline-flex; align-items: center; gap: 6px;
    color: var(--wp--preset--color--dorado-300); font-size: 12px;
    letter-spacing: .1em; text-transform: uppercase; }
.arra-mundos__ir svg { inline-size: 13px; block-size: 13px; }
.arra-mundos__enlace:focus-visible { outline: 2px solid
    var(--wp--preset--color--dorado-300); outline-offset: 3px; }
@media (min-width: 860px) and (hover: hover) {
  .arra-mundos__acordeon { flex-direction: row; block-size: 268px;
      gap: 8px; }
  .arra-mundos__panel { flex: 1 1 0; block-size: auto;
      transition: flex-grow 480ms var(--wp--custom--movimiento--salida); }
  .arra-mundos__acordeon:hover > .arra-mundos__panel { flex-grow: .82; }
  .arra-mundos__acordeon > .arra-mundos__panel:hover,
  .arra-mundos__acordeon > .arra-mundos__panel:focus-within { flex-grow: 2.4; }
  .arra-mundos__panel:hover .arra-mundos__foto,
  .arra-mundos__panel:focus-within .arra-mundos__foto { transform: scale(1.08); }
  .arra-mundos__nombre { white-space: nowrap; overflow: hidden;
      text-overflow: ellipsis; }
  .arra-mundos__panel:hover .arra-mundos__nombre,
  .arra-mundos__panel:focus-within .arra-mundos__nombre { overflow: visible; }
  .arra-mundos__ir { opacity: 0; white-space: nowrap;
      transition: opacity 300ms var(--wp--custom--movimiento--salida); }
  .arra-mundos__panel:hover .arra-mundos__ir,
  .arra-mundos__panel:focus-within .arra-mundos__ir { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-mundos__panel, .arra-mundos__foto, .arra-mundos__ir { transition: none; }
}
.arra-mundos-foto--1 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.jpg') type('image/jpeg')); }
.arra-mundos-foto--2 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-creadores-movil-en-tripode.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-creadores-movil-en-tripode.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-creadores-movil-en-tripode.jpg') type('image/jpeg')); }
.arra-mundos-foto--3 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-esports-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-esports-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-esports-1.jpg') type('image/jpeg')); }
.arra-mundos-foto--4 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-inmobiliario-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-inmobiliario-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-inmobiliario-1.jpg') type('image/jpeg')); }
.arra-mundos-foto--5 { background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-grupos-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-grupos-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-grupos-1.jpg') type('image/jpeg')); }
.arra-mundos-foto--6 { background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-real-estate-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-real-estate-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-real-estate-1.jpg') type('image/jpeg')); }
.arra-mundos-foto--7 { background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-startups-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-startups-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-startups-1.jpg') type('image/jpeg')); }
.arra-mundos-foto--8 { background-image: url('/wp-content/themes/arra/assets/img/fotos/corporate-ecommerce-internacional-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/corporate-ecommerce-internacional-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/corporate-ecommerce-internacional-1.jpg') type('image/jpeg')); }

/* La cabecera del teaser de tecnologia, sobre la tira de
   partners. Ver destilar.py, cabecera_de_la_tecnologia(). */
.arra-tecnologia__cabecera { max-inline-size: 52ch; margin-block-end: 34px; }
.arra-tecnologia__h2 { margin: 10px 0 14px; }
.arra-tecnologia__entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }

/* La mision con sus pilares y la vision como declaracion, en
   /sobre-nosotros/. Ver destilar.py, bloque_del_proposito(). */
.arra-proposito__cabecera { max-inline-size: 52ch; margin-block-end: 38px; }
.arra-proposito__h2 { margin: 10px 0 0; }
.arra-proposito__rotulo { margin: 0 0 14px;
    color: var(--wp--preset--color--dorado-700);
    font-family: var(--font-body); font-size: 11px; font-weight: 600;
    letter-spacing: .16em; text-transform: uppercase; }
.arra-proposito__rotulo--centro { text-align: center; }
.arra-proposito__mision { padding-block-start: 20px;
    border-block-start: 2px solid var(--wp--preset--color--dorado-700); }
.arra-proposito__texto { margin: 0; max-inline-size: 46ch; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(20px, 2.3vw, 27px); line-height: 1.35;
    letter-spacing: -0.015em; }
.arra-proposito__pilares { list-style: none; margin: 34px 0 0; padding: 0;
    display: grid; gap: 22px 30px; }
@media (min-width: 720px) {
  .arra-proposito__pilares { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .arra-proposito__pilares { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.arra-proposito__pilar { display: grid;
    grid-template-columns: auto minmax(0, 1fr); gap: 14px;
    align-items: start; color: var(--fg); font-size: 15px;
    line-height: 1.5; }
.arra-proposito__pilar > .arra-icono {
    color: var(--wp--preset--color--dorado-700); }
.arra-proposito__vision { padding-block-start: 22px;
    border-block-start: 2px solid var(--wp--preset--color--dorado-700); }
.arra-proposito__declaracion { margin: 0; max-inline-size: 22ch;
    color: var(--fg); font-family: var(--font-display);
    font-weight: 500; font-size: clamp(27px, 4vw, 44px);
    line-height: 1.12; letter-spacing: -0.03em; }
.arra-proposito__apoyo { margin: 18px 0 0; max-inline-size: 52ch;
    color: var(--fg-soft); font-size: 16px; line-height: 1.7; }

/* Las cuatro metricas de la portada, del prototipo del cliente.
   Ver destilar.py, bloque_de_las_metricas(). */
.arra-metricas { border-block-end: 1px solid var(--arra-line-soft); }
.arra-metricas__rejilla { display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
.arra-metricas__ficha { position: relative; overflow: hidden;
    min-block-size: 190px;
    padding: 34px clamp(20px, 3vw, 42px) 34px 30px; }
.arra-metricas__ficha:not(:last-child) {
    border-inline-end: 1px solid var(--arra-line-soft); }
.arra-metricas__ficha::before { content: ""; position: absolute;
    inset-block: 30px; inset-inline-start: 0; inline-size: 2px;
    background: var(--wp--preset--color--dorado-500);
    transform: scaleY(0); transform-origin: top; }
.arra-metricas__ventana { display: block; overflow: hidden;
    block-size: clamp(38px, 3.6vw, 50px); }
.arra-metricas__rodillo { display: flex; flex-direction: column;
    transform: translateY(-50%); }
.arra-metricas__valor { display: flex; align-items: center;
    block-size: clamp(38px, 3.6vw, 50px); color: var(--fg);
    font-family: var(--font-display);
    font-size: clamp(30px, 3.3vw, 44px); font-weight: 500;
    letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.arra-metricas__valor--eco {
    color: color-mix(in srgb,
        var(--wp--preset--color--dorado-300) 72%,
        var(--wp--preset--color--blanco)); }
.arra-metricas__rotulo { display: block; margin-block-start: 13px;
    color: var(--fg-soft); font-size: 13px; line-height: 1.45;
    opacity: 0; transform: translateY(10px); }
.arra-metricas__ficha:hover .arra-metricas__valor,
.arra-metricas__ficha:focus-within .arra-metricas__valor {
    color: var(--wp--preset--color--dorado-700); }
.arra-metricas__ficha:hover::before,
.arra-metricas__ficha:focus-within::before {
    background: var(--wp--preset--color--dorado-700); }
.arra-metricas__valor, .arra-metricas__ficha::before {
    transition: color 220ms var(--wp--custom--movimiento--salida),
                background-color 220ms
                var(--wp--custom--movimiento--salida); }
@media (prefers-reduced-motion: reduce) {
  .arra-metricas__valor, .arra-metricas__ficha::before { transition: none; }
}
.arra-metricas.in .arra-metricas__ficha::before {
    animation: arra-metricas-filete 560ms
        var(--wp--custom--movimiento--salida) both; }
.arra-metricas.in .arra-metricas__rodillo {
    animation: arra-metricas-rueda 720ms
        var(--wp--custom--movimiento--salida) both; }
.arra-metricas.in .arra-metricas__rotulo {
    animation: arra-metricas-rotulo 440ms
        var(--wp--custom--movimiento--salida) both; }
@keyframes arra-metricas-filete { to { transform: scaleY(1); } }
@keyframes arra-metricas-rueda { to { transform: translateY(0); } }
@keyframes arra-metricas-rotulo {
  to { opacity: 1; transform: translateY(0); } }
.arra-metricas.in .arra-metricas__ficha--1::before { animation-delay: 0ms; }
.arra-metricas.in .arra-metricas__ficha--1 .arra-metricas__indice {
    animation-delay: 110ms; }
.arra-metricas.in .arra-metricas__ficha--1 .arra-metricas__rodillo {
    animation-delay: 120ms; }
.arra-metricas.in .arra-metricas__ficha--1 .arra-metricas__rotulo {
    animation-delay: 380ms; }
.arra-metricas.in .arra-metricas__ficha--2::before { animation-delay: 100ms; }
.arra-metricas.in .arra-metricas__ficha--2 .arra-metricas__indice {
    animation-delay: 210ms; }
.arra-metricas.in .arra-metricas__ficha--2 .arra-metricas__rodillo {
    animation-delay: 220ms; }
.arra-metricas.in .arra-metricas__ficha--2 .arra-metricas__rotulo {
    animation-delay: 480ms; }
.arra-metricas.in .arra-metricas__ficha--3::before { animation-delay: 200ms; }
.arra-metricas.in .arra-metricas__ficha--3 .arra-metricas__indice {
    animation-delay: 310ms; }
.arra-metricas.in .arra-metricas__ficha--3 .arra-metricas__rodillo {
    animation-delay: 320ms; }
.arra-metricas.in .arra-metricas__ficha--3 .arra-metricas__rotulo {
    animation-delay: 580ms; }
.arra-metricas.in .arra-metricas__ficha--4::before { animation-delay: 300ms; }
.arra-metricas.in .arra-metricas__ficha--4 .arra-metricas__indice {
    animation-delay: 410ms; }
.arra-metricas.in .arra-metricas__ficha--4 .arra-metricas__rodillo {
    animation-delay: 420ms; }
.arra-metricas.in .arra-metricas__ficha--4 .arra-metricas__rotulo {
    animation-delay: 680ms; }
@media (hover: hover) and (pointer: fine) {
  .arra-metricas__ficha { transition: transform 180ms
      var(--wp--custom--movimiento--salida); }
  .arra-metricas__ficha:hover { transform: translateY(-3px); }
}
@media (max-width: 760px) {
  .arra-metricas__rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arra-metricas__ficha { min-block-size: 160px;
      padding: 24px clamp(16px, 5vw, 28px) 24px 24px; }
  .arra-metricas__ficha::before { inset-block: 24px; }
  .arra-metricas__ficha:nth-child(2) { border-inline-end: 0; }
  .arra-metricas__ficha:nth-child(-n + 2) {
      border-block-end: 1px solid var(--arra-line-soft); }
  .arra-metricas__indice { margin-block-end: 22px; }
}
@media (max-width: 430px) {
  .arra-metricas__ficha { padding-inline: 18px 12px; }
  .arra-metricas__valor { font-size: clamp(24px, 8vw, 31px); }
  .arra-metricas__rotulo { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .arra-metricas.in .arra-metricas__ficha::before, .arra-metricas.in .arra-metricas__indice,
  .arra-metricas.in .arra-metricas__rodillo, .arra-metricas.in .arra-metricas__rotulo {
      animation: none; }
  .arra-metricas__ficha::before { transform: scaleY(1); }
  .arra-metricas__indice, .arra-metricas__rotulo { opacity: 1; transform: none; }
  .arra-metricas__rodillo { transform: translateY(0); }
  .arra-metricas__ficha { transition: none; }
}

/* Las cuatro razones de /sobre-nosotros/. Ver destilar.py,
   bloque_de_las_razones(). */
.arra-razones__cabecera { max-inline-size: 56ch; margin-block-end: 44px; }
.arra-razones__h2 { margin: 10px 0 14px; }
.arra-razones__entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-razones__lista { list-style: none; margin: 0; padding: 0;
    display: grid; gap: 0 clamp(34px, 5vw, 64px); }
@media (min-width: 860px) {
  .arra-razones__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.arra-razones__razon { padding-block: 24px 26px;
    border-block-start: 1px solid var(--arra-line-soft); }
.arra-razones__titulo { margin: 0 0 10px; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(19px, 2vw, 23px); line-height: 1.25;
    letter-spacing: -0.015em; }
.arra-razones__texto { margin: 0; color: var(--fg-soft); font-size: 15.5px;
    line-height: 1.65; }

/* Los valores de /sobre-nosotros/, alineados como mision y
   vision. Ver destilar.py, valores_a_la_izquierda(). */
.arra-valores-izquierda, .arra-valores-izquierda * { text-align: start; }
.arra-valores-izquierda > *, .arra-valores-izquierda > * > * { margin-inline: 0; }

/* Los cuatro valores de /sobre-nosotros/, con foto en vez de
   numeral. Ver destilar.py, valores_con_foto(). */
.arra-valor__foto { position: relative; overflow: hidden;
    aspect-ratio: 4 / 3; border-radius: 14px;
    margin-block-end: 18px;
    background-color: var(--wp--preset--color--dorado-700); }
.arra-valor__foto picture { display: block; inline-size: 100%;
    block-size: 100%; }
.arra-valor__foto.arra-valor__foto img { inline-size: 100%;
    block-size: 100%;
    object-fit: cover; display: block;
    filter: grayscale(1) contrast(1.12) brightness(1); }
.arra-valor__foto::after { content: ""; position: absolute; inset: 0;
    background-color: var(--wp--preset--color--dorado-700);
    mix-blend-mode: multiply; }
.arra-valor__foto img { transition: filter
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida),
    transform var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  .arra-valor:hover .arra-valor__foto img {
      filter: grayscale(0.35) contrast(1.04) brightness(1.08);
      transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-valor__foto img { transition: none; }
  .arra-valor:hover .arra-valor__foto img { transform: none; }
}

/* Los cuatro valores de /sobre-nosotros/, con icono. Ver
   destilar.py, valores_con_icono(). */
.arra-valor--icono > .arra-icono { display: block; inline-size: 38px;
    block-size: 38px; margin-block-end: 18px;
    color: var(--wp--preset--color--dorado-700);
    transition: color 260ms var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-valor--icono:hover > .arra-icono { color: var(--arra-senala); }
}

/* Los retoques de la portada de Core. Ver destilar.py,
   retoques_de_la_portada_core(). */
.arra-core-ficha > svg { stroke: var(--arra-linea);
    transition: stroke var(--wp--custom--movimiento--base)
                var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  .arra-core-ficha:hover > svg { stroke: var(--wp--preset--color--dorado-700); }
}
a.arra-core-ficha.arra-core-ficha { background-color: var(--wp--preset--color--neutro-200); }
a.arra-core-ficha > span:last-child {
    transition: color var(--wp--custom--movimiento--base)
                var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  a.arra-core-ficha:hover > span:last-child {
      color: var(--wp--preset--color--dorado-700); }
}
.arra-core-panel.arra-core-panel { background-color: var(--wp--preset--color--neutro-100); }
.arra-fiscal-centrado { display: grid; align-content: center; }

/* /core/asesoria-fiscal-contable/: la tabla de modelos, el
   barrido de las cifras y las fichas de contabilidad. Ver
   destilar.py, retoques_de_lo_fiscal_contable(). */
.arra-modelos { inline-size: 100%; border-collapse: collapse;
    margin-block-start: 26px; text-align: start; }
.arra-modelos th, .arra-modelos td { text-align: start; vertical-align: baseline;
    padding: 15px 20px 15px 0;
    border-block-end: 1px solid var(--arra-line-soft); }
.arra-modelos th:last-child, .arra-modelos td:last-child { padding-inline-end: 0; }
.arra-modelos thead th { font-size: 11px; font-weight: 500;
    letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--wp--preset--color--tinta-500);
    padding-block: 0 12px;
    border-block-end: 1px solid var(--arra-line); }
.arra-modelos__codigo { font-family: var(--font-display); font-weight: 500;
    font-size: 17px; color: var(--arra-linea); white-space: nowrap; }
.arra-modelos__nombre { font-family: var(--font-display); font-weight: 500;
    font-size: 17px; color: var(--fg); }
.arra-modelos__detalle { font-size: 14px; line-height: 1.5;
    color: var(--fg-soft); }
.arra-modelos tbody tr { transition: background-color
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  .arra-modelos tbody tr:hover {
      background-color: var(--wp--preset--color--neutro-100); }
}
@media (max-width: 639px) {
  .arra-modelos thead { position: absolute; inline-size: 1px;
      block-size: 1px; overflow: hidden; clip-path: inset(50%);
      white-space: nowrap; }
  .arra-modelos, .arra-modelos tbody, .arra-modelos tr, .arra-modelos th, .arra-modelos td {
      display: block; }
  .arra-modelos tr { padding-block: 16px;
      border-block-end: 1px solid var(--arra-line-soft); }
  .arra-modelos th, .arra-modelos td { border: 0; padding: 0; }
  .arra-modelos__codigo { font-size: 11px; letter-spacing: 0.16em;
      text-transform: uppercase; margin-block-end: 4px; }
  .arra-modelos__detalle { margin-block-start: 4px; }
}
.arra-cifra-brillo { display: inline-block; }
.arra-contable-ficha.arra-contable-ficha { background-color: var(--wp--preset--color--neutro-100);
    border-radius: var(--r-lg); padding: 24px 24px 26px;
    border-inline-start: 0; border-block-start: 0;
    transition: background-color var(--wp--custom--movimiento--base)
        var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  .arra-contable-ficha.arra-contable-ficha:hover {
      background-color: var(--wp--preset--color--neutro-200); }
  .arra-contable-ficha:hover > .arra-icono {
      color: var(--wp--preset--color--dorado-700); }
}
.arra-contable-ficha > .arra-icono { color: var(--arra-linea);
    margin-block-end: 12px; }
.arra-contable-rejilla.arra-contable-rejilla { gap: 18px; }
@media (min-width: 900px) {
  .arra-contable-rejilla.arra-contable-rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Los dos heroes institucionales miden lo mismo. Ver destilar.py,
   HEROE_INSTITUCIONAL. */
.arra-heroe-institucional { box-sizing: border-box; }
.arra-heroe-institucional { min-block-size: 460px; }
@media (max-width: 1023px) {
  .arra-heroe-institucional { min-block-size: 640px; }
}
@media (max-width: 767px) {
  .arra-heroe-institucional { min-block-size: 807px; }
}

/* Los seis casos de /core/inmobiliario-alquileres/. Ver
   destilar.py, bloque_de_los_alquileres(). */
.arra-alquileres__cabecera { max-inline-size: 56ch; margin-block-end: 44px; }
.arra-alquileres__h2 { margin: 10px 0 14px; }
.arra-alquileres__entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-alquileres__lista { list-style: none; margin: 0; padding: 0;
    display: grid; gap: 0 clamp(30px, 4vw, 56px); }
@media (min-width: 860px) {
  .arra-alquileres__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.arra-alquileres__caso { display: grid;
    grid-template-columns: auto minmax(0, 1fr); gap: 6px 16px;
    align-items: start; padding-block: 22px 24px;
    border-block-start: 1px solid var(--arra-line-soft); }
.arra-alquileres__caso > .arra-icono { grid-row: 1 / span 2;
    color: var(--wp--preset--color--dorado-700); }
.arra-alquileres__titulo { margin: 0; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: 18px; line-height: 1.25; letter-spacing: -0.01em; }
.arra-alquileres__texto { margin: 0; grid-column: 2; color: var(--fg-soft);
    font-size: 15px; line-height: 1.6; }

/* /corporate/asesoria-legal/. Ver destilar.py,
   lo_legal_en_la_pagina(). */
.arra-legal-cabecera { max-inline-size: 58ch; margin-block-end: 40px; }
.arra-legal-h2 { margin: 10px 0 14px; }
.arra-legal-entrada { margin: 0; color: var(--fg-soft); line-height: 1.7; }
.arra-legal-lista { list-style: none; margin: 0; padding: 0;
    display: grid; gap: 0 clamp(30px, 4vw, 56px); }
@media (min-width: 860px) {
  .arra-legal-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.arra-legal-caso { display: grid;
    grid-template-columns: auto minmax(0, 1fr); gap: 6px 16px;
    align-items: start; padding-block: 22px 24px;
    border-block-start: 1px solid var(--arra-line-soft); }
.arra-legal-caso > .arra-icono { grid-row: 1 / span 2;
    color: var(--wp--preset--color--dorado-700); }
.arra-legal-caso__titulo { margin: 0; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: 18px; line-height: 1.25; letter-spacing: -0.01em; }
.arra-legal-caso__texto { margin: 0; grid-column: 2; color: var(--fg-soft);
    font-size: 15px; line-height: 1.6; }
.arra-legal-lista--aparte { margin-block-start: clamp(34px, 4vw, 52px); }
.arra-legal-hojas { list-style: none; margin: 0; padding: 0;
    display: grid; gap: 26px; max-inline-size: 40rem; }
@media (min-width: 1200px) {
  .arra-legal-hojas { grid-template-columns: repeat(5, minmax(0, 1fr));
                 gap: 26px; max-inline-size: none; }
  .arra-legal-hoja { padding: 26px 20px 28px; }
  .arra-legal-hoja__sigla { font-size: 38px; }
  .arra-legal-hoja__titulo { font-size: 17px; }
  .arra-legal-hoja__texto { font-size: 14.5px; }
}
.arra-legal-hoja { position: relative; display: grid; align-content: start;
    gap: 8px; padding: 30px 28px 32px;
    border-radius: 6px;
    background: linear-gradient(225deg, transparent 0 24px,
        var(--wp--preset--color--blanco) 24px);
    filter: drop-shadow(0 10px 22px color-mix(in srgb,
        var(--wp--preset--color--carbon-950) 9%, transparent)); }
.arra-legal-hoja::before { content: ""; position: absolute;
    inset-block-start: 0; inset-inline-end: 0;
    inline-size: 34px; block-size: 34px;
    border-end-start-radius: 5px;
    background: linear-gradient(45deg,
        var(--wp--preset--color--neutro-300) 50%, transparent 50%); }
.arra-legal-hoja:not(:last-child)::after { content: ""; position: absolute;
    inset-inline-start: 50%; inset-block-end: -17px;
    inline-size: 10px; block-size: 10px;
    border-inline-end: 2px solid var(--wp--preset--color--dorado-700);
    border-block-end: 2px solid var(--wp--preset--color--dorado-700);
    transform: translateX(-50%) rotate(45deg); }
@media (min-width: 1200px) {
  .arra-legal-hoja:not(:last-child)::after {
      inset-inline-start: auto; inset-block-end: auto;
      inset-inline-end: -19px;
      inset-block-start: 50%;
      transform: translateY(-50%) rotate(-45deg); }
}
.arra-legal-hoja__momento { font-size: 12px; font-weight: 600;
    letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--wp--preset--color--tinta-500); }
.arra-legal-hoja__sigla { font-family: var(--font-display); font-weight: 500;
    font-size: clamp(38px, 4vw, 48px); line-height: 1;
    letter-spacing: -0.03em; color: var(--arra-linea);
    margin-block: 6px 4px; }
.arra-legal-hoja__titulo { margin: 0; font-family: var(--font-display);
    font-weight: 500; font-size: 19px; line-height: 1.25;
    color: var(--wp--preset--color--carbon-950); }
.arra-legal-hoja__texto { margin: 0; font-size: 15px; line-height: 1.65;
    color: var(--fg-soft); }
.arra-legal-hoja { transition: opacity 620ms var(--wp--custom--movimiento--salida), transform 720ms var(--wp--custom--movimiento--salida);
    transition-delay: var(--turno, 0ms); }
.js-motion .arra-legal-hojas:not(.in) .arra-legal-hoja {
    opacity: 0; transform: translateY(26px) rotate(-2.5deg); }
.arra-legal-hoja:nth-child(2) { --turno: 200ms; }
.arra-legal-hoja:nth-child(3) { --turno: 400ms; }
.arra-legal-hoja:nth-child(4) { --turno: 600ms; }
.arra-legal-hoja:nth-child(5) { --turno: 800ms; }
@media (min-width: 1200px) {
  .arra-legal-carril, .arra-legal-marco { display: contents; }
}
.arra-legal-cuenta { display: none; }
.arra-legal-carril.pasa-paginas { display: block; position: relative;
    block-size: var(--hojas-carril, auto); }
.arra-legal-carril.pasa-paginas > .arra-legal-marco { display: block;
    position: sticky; inset-block-start: var(--hojas-arriba, 88px); }
.pasa-paginas .arra-legal-cabecera { margin-block-end: 26px; }
.pasa-paginas .arra-legal-hojas { display: grid; gap: 0;
    padding-block-end: 22px; }
.pasa-paginas .arra-legal-hoja { grid-area: 1 / 1; --prof: 0;
    transform-origin: 0 50%;
    transform: translateY(calc(var(--prof) * 11px))
               scale(calc(1 - var(--prof) * 0.035));
    transition: transform 780ms var(--wp--custom--movimiento--salida),
                opacity 420ms var(--wp--custom--movimiento--salida);
    transition-delay: 0ms; }
.pasa-paginas .arra-legal-hoja.esta-honda { opacity: 0; }
.pasa-paginas .arra-legal-hoja.pasada {
    transform: perspective(1500px) rotateY(-108deg);
    opacity: 0; pointer-events: none;
    transition: transform 780ms var(--wp--custom--movimiento--salida),
                opacity 240ms linear 420ms; }
.pasa-paginas .arra-legal-hoja::after {
    content: ""; position: absolute; inset: 0; transform: none;
    inline-size: auto; block-size: auto; border: 0;
    border-radius: inherit; pointer-events: none;
    background: linear-gradient(to left, transparent 10%,
        color-mix(in srgb, var(--wp--preset--color--carbon-950) 30%,
                  transparent));
    -webkit-mask: linear-gradient(225deg, transparent 0 24px, black 24px);
    mask: linear-gradient(225deg, transparent 0 24px, black 24px);
    opacity: 0; transition: opacity 500ms linear; }
.pasa-paginas .arra-legal-hoja.pasada::after { opacity: 1; }
.pasa-paginas .arra-legal-cuenta { display: block; margin: 0;
    font-size: 12px; font-weight: 600; letter-spacing: 0.14em;
    color: var(--wp--preset--color--tinta-500);
    font-variant-numeric: tabular-nums; }
.pasa-paginas .arra-legal-cuenta__actual {
    color: var(--arra-linea); }
.arra-legal-via-marco { margin: 0 0 8px; }
.arra-legal-via-pie { margin: 0 0 22px; font-size: 12px; font-weight: 600;
    letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--wp--preset--color--tinta-500); }
.arra-legal-via { position: relative; list-style: none;
    margin: 0; padding: 0; display: grid; }
.arra-legal-estacion { position: relative; display: grid;
    grid-template-columns: 18px minmax(0, 1fr); gap: 4px 18px;
    align-content: start; padding-block-end: 26px; }
.arra-legal-estacion:nth-last-child(2) { padding-block-end: 0; }
.arra-legal-estacion:has(+ .arra-legal-estacion)::before,
.arra-legal-estacion:has(+ .arra-legal-estacion)::after { content: "";
    position: absolute; inset-inline-start: 8px; inline-size: 2px;
    inset-block: 10px -11px;
    background: var(--wp--preset--color--neutro-400); }
.arra-legal-estacion:has(+ .arra-legal-estacion)::after {
    background: var(--wp--preset--color--dorado-500);
    transform-origin: 50% 0; }
.arra-legal-estacion__punto { position: relative; z-index: 2;
    grid-row: 1 / span 2; inline-size: 18px; block-size: 18px;
    box-sizing: border-box; border-radius: 50%;
    border: 2px solid var(--arra-linea);
    background: var(--arra-linea); margin-block-start: 1px; }
.arra-legal-estacion__titulo { margin: 0; font-family: var(--font-display);
    font-weight: 500; font-size: 18px; line-height: 1.25;
    color: var(--fg); }
.arra-legal-estacion__texto { margin: 0; grid-column: 2; font-size: 15px;
    line-height: 1.6; color: var(--fg-soft); max-inline-size: 46ch; }
.arra-legal-via__viajero { display: none; }
@media (min-width: 1000px) {
  .arra-legal-via { grid-template-columns: repeat(5, minmax(0, 1fr));
               column-gap: 22px; }
  .arra-legal-estacion:has(+ .arra-legal-estacion)::before,
  .arra-legal-estacion:has(+ .arra-legal-estacion)::after { display: none; }
  .arra-legal-via::before, .arra-legal-via::after { content: ""; position: absolute;
      inset-block-start: 8px; block-size: 2px;
      inset-inline: calc(100% / 10);
      background: var(--wp--preset--color--neutro-400); }
  .arra-legal-via::after { background: var(--wp--preset--color--dorado-500);
      transform-origin: 0 50%; }
  .arra-legal-estacion { grid-template-columns: minmax(0, 1fr);
      justify-items: center; text-align: center; gap: 12px;
      padding-block-end: 0; }
  .arra-legal-estacion__punto { grid-row: auto; margin: 0; }
  .arra-legal-estacion__texto { grid-column: auto; max-inline-size: 24ch; }
  .arra-legal-via__viajero { display: block; position: absolute; z-index: 3;
      inset-block-start: 9px; inset-inline-start: calc(100% / 10);
      inline-size: 12px; block-size: 12px; border-radius: 50%;
      background: var(--wp--preset--color--dorado-300);
      box-shadow: 0 0 0 5px color-mix(in srgb,
          var(--wp--preset--color--dorado-500) 32%, transparent);
      transform: translate(-50%, -50%); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .js-motion .arra-legal-via:not(.in) .arra-legal-estacion::after {
      transform: scaleY(0); }
  .arra-legal-via.in .arra-legal-estacion::after {
      animation: arra-legal-tramo 800ms linear both;
      animation-delay: var(--arra-legal-llega, 0ms); }
  .js-motion .arra-legal-via:not(.in) .arra-legal-estacion__punto {
      background: var(--wp--preset--color--blanco);
      border-color: var(--wp--preset--color--neutro-400); }
  .arra-legal-via.in .arra-legal-estacion__punto { animation: arra-legal-llega 520ms
      var(--wp--custom--movimiento--salida) both; animation-delay: var(--arra-legal-llega, 0ms); }
  @media (min-width: 1000px) {
    .js-motion .arra-legal-via:not(.in)::after { transform: scaleX(0); }
    .arra-legal-via.in::after {
        animation: arra-legal-via-x 3200ms linear 350ms both; }
    .arra-legal-via.in .arra-legal-via__viajero {
        animation: arra-legal-viajero-x 3200ms linear 350ms both; }
  }
}
@keyframes arra-legal-tramo { from { transform: scaleY(0); }
    to { transform: scaleY(1); } }
@keyframes arra-legal-via-x { from { transform: scaleX(0); }
    to { transform: scaleX(1); } }
@keyframes arra-legal-viajero-x {
    0% { opacity: 0; inset-inline-start: calc(100% / 10); }
    6% { opacity: 1; }
    92% { opacity: 1; }
    100% { opacity: 0;
        inset-inline-start: calc(100% - 100% / 10); } }
@keyframes arra-legal-llega {
    0% { background: var(--wp--preset--color--blanco);
          border-color: var(--wp--preset--color--neutro-400);
          transform: scale(1); }
    45% { transform: scale(1.35); }
    100% { background: var(--arra-linea); border-color: var(--arra-linea);
           transform: scale(1); } }
.arra-legal-estacion:nth-child(1) { --arra-legal-llega: 350ms; }
.arra-legal-estacion:nth-child(2) { --arra-legal-llega: 1150ms; }
.arra-legal-estacion:nth-child(3) { --arra-legal-llega: 1950ms; }
.arra-legal-estacion:nth-child(4) { --arra-legal-llega: 2750ms; }
.arra-legal-estacion:nth-child(5) { --arra-legal-llega: 3550ms; }

/* Los sellos de la Red PAE y de CIRCE. Ver destilar.py,
   sellos_en_la_constitucion(). */
.arra-sellos { display: flex; align-items: center; flex-wrap: wrap;
    gap: 14px 30px; margin-block: 4px 22px; }
.arra-sellos__logo.arra-sellos__logo { display: block; inline-size: auto;
    block-size: 46px; }
.arra-sellos__logo + .arra-sellos__logo { block-size: 26px; }

/* Las paginas legales. Ver destilar.py, «LAS PAGINAS LEGALES». */
.arra-legal { --medida: 62ch;
    padding-block-end: clamp(72px, 9vw, 128px); }
.arra-legal__cabecera { max-inline-size: var(--medida);
    margin-block-end: clamp(40px, 5vw, 64px);
    padding-block-end: clamp(28px, 3.5vw, 40px);
    border-block-end: 1px solid var(--arra-line-soft); }
.arra-legal__h1 { margin: 14px 0 0; }
.arra-legal__fecha { margin: 16px 0 0; color: var(--fg-faint);
    font-size: 14px; }
.arra-legal__cuerpo { max-inline-size: var(--medida); }
.arra-legal__parte + .arra-legal__parte { margin-block-start:
    clamp(36px, 4.5vw, 52px); }
.arra-legal__h2 { margin: 0 0 18px; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(20px, 2.2vw, 26px); line-height: 1.3;
    letter-spacing: -0.015em;
    scroll-margin-block-start: 104px; }
.arra-legal__h3 { margin: 28px 0 12px; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: 18px; line-height: 1.35; }
.arra-legal__p { margin: 0 0 16px; color: var(--fg-soft);
    line-height: 1.75; }
.arra-legal__p:last-child { margin-block-end: 0; }
.arra-legal__lista { margin: 0 0 16px; padding-inline-start: 22px;
    color: var(--fg-soft); line-height: 1.75; }
.arra-legal__lista li + li { margin-block-start: 8px; }
.arra-legal__lista::marker, .arra-legal__lista li::marker
    { color: var(--gold-bronze); }
.arra-legal__datos { margin: 0 0 20px; display: grid; gap: 4px 20px; }
.arra-legal__datos dt { color: var(--fg-faint); font-size: 13px;
    letter-spacing: var(--tr-wide); text-transform: uppercase; }
.arra-legal__datos dd { margin: 0 0 12px; color: var(--fg);
    line-height: 1.6; }
@media (min-width: 640px) {
  .arra-legal__datos { grid-template-columns: 15rem minmax(0, 1fr);
      align-items: baseline; }
  .arra-legal__datos dt { padding-block-start: 2px; }
}
.arra-legal__indice { margin-block-end: clamp(40px, 5vw, 60px);
    padding: 26px 26px 28px; border-radius: var(--r-md);
    background: var(--arra-bg-subtle); }
.arra-legal__indice-rotulo { margin: 0 0 14px; color: var(--fg-faint);
    font-family: var(--font-body); font-weight: 400;
    font-size: 13px; letter-spacing: var(--tr-wide);
    text-transform: uppercase; }
.arra-legal__indice-lista { list-style: none; margin: 0; padding: 0;
    display: grid; gap: 10px 32px; }
@media (min-width: 720px) {
  .arra-legal__indice-lista { grid-template-columns: repeat(2,
      minmax(0, 1fr)); }
}
.arra-legal__indice-lista a { color: var(--fg-soft);
    text-decoration: none; font-size: 15px; line-height: 1.45;
    border-block-end: 1px solid transparent;
    transition: color var(--dur-fast) var(--ease-out),
                border-color var(--dur-fast) var(--ease-out); }
.arra-legal__indice-lista a:hover,
.arra-legal__indice-lista a:focus-visible { color: var(--fg);
    border-block-end-color: var(--gold); }
.arra-legal__p a, .arra-legal__lista a { color: var(--fg);
    text-decoration-line: underline;
    text-decoration-color: var(--gold);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px; }
.arra-legal__p a:hover, .arra-legal__lista a:hover
    { text-decoration-color: var(--fg); }
.arra-legal__cookies { list-style: none; margin: 0; padding: 0;
    display: grid; gap: 18px; }
@media (min-width: 860px) {
  .arra-legal__cookies { grid-template-columns: repeat(auto-fit,
      minmax(16rem, 1fr)); }
}
.arra-legal__cookie { padding: 22px 22px 24px;
    border: 1px solid var(--arra-line-soft);
    border-radius: var(--r-md); background: var(--arra-surface); }
.arra-legal__cookie-nombre { margin: 0 0 14px; color: var(--fg);
    font-family: var(--font-display); font-weight: 500;
    font-size: 17px; }
.arra-legal__cookie-datos { margin: 0; display: grid; gap: 2px; }
.arra-legal__cookie-datos dt { color: var(--fg-faint); font-size: 12px;
    letter-spacing: var(--tr-wide); text-transform: uppercase; }
.arra-legal__cookie-datos dd { margin: 0 0 12px; color: var(--fg-soft);
    font-size: 14.5px; line-height: 1.6; }
.arra-legal__cookie-datos dd:last-child { margin-block-end: 0; }

.arra-pie-legal { color: inherit; text-decoration-line: underline;
    text-decoration-color: color-mix(in srgb, currentColor 45%,
        transparent); text-underline-offset: 3px;
    transition: color var(--dur-fast) var(--ease-out),
                text-decoration-color var(--dur-fast) var(--ease-out); }
.arra-pie-legal:hover, .arra-pie-legal:focus-visible { color: var(--gold);
    text-decoration-color: currentColor; }

/* Las resenas de Google. Ver destilar.py, «LAS RESENAS DE GOOGLE»,
   y REVISION-LEGAL.md punto 7. */
.arra-resenas__cabecera { max-inline-size: 46ch;
    margin-block-end: clamp(32px, 4vw, 44px); }
.arra-resenas__h2 { margin: 10px 0 14px; }
.arra-resenas__enlace { display: inline-block; margin-block-start: 16px;
    color: var(--fg); font-size: 15px; text-decoration-line: underline;
    text-decoration-color: var(--gold);
    text-decoration-thickness: 1px; text-underline-offset: 4px;
    transition: text-decoration-color var(--dur-fast) var(--ease-out); }
.arra-resenas__enlace:hover, .arra-resenas__enlace:focus-visible
    { text-decoration-color: var(--fg); }
.arra-resenas__tira { list-style: none; margin: 0; padding: 4px 0 8px;
    display: flex; gap: 18px;
    inline-size: 100vw; margin-inline: calc(50% - 50vw);
    overflow-x: hidden; scrollbar-width: none;
    touch-action: pan-y; cursor: grab;
    -webkit-mask-image: linear-gradient(90deg, transparent 0,
        #000 clamp(18px, 3vw, 54px), #000 calc(100% - clamp(18px, 3vw, 54px)), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0,
        #000 clamp(18px, 3vw, 54px), #000 calc(100% - clamp(18px, 3vw, 54px)), transparent 100%); }
.arra-resenas__tira::-webkit-scrollbar { display: none; }
.arra-resenas__tira.esta-cogida { cursor: grabbing; }
.arra-resenas__ficha { flex: 0 0 auto; box-sizing: border-box;
    inline-size: min(80vw, 21rem);
    display: flex; flex-direction: column;
    padding: 24px 24px 26px; border-radius: var(--r-md);
    background: var(--arra-bg-subtle);
    border: 1px solid var(--arra-line-soft); }
.arra-resenas__quien { display: flex; align-items: center; gap: 12px; }
.arra-resenas__inicial { flex: 0 0 auto; inline-size: 38px;
    block-size: 38px; border-radius: 50%;
    display: grid; place-items: center;
    background: var(--gold-bronze); color: var(--surface);
    font-family: var(--font-display); font-weight: 500;
    font-size: 16px; }
.arra-resenas__autor { min-inline-size: 0; color: var(--fg);
    font-size: 15px; font-weight: 500; line-height: 1.3;
    overflow-wrap: anywhere; }
.arra-resenas__estrellas { display: flex; gap: 2px;
    margin-block: 16px 12px; }
.arra-resenas__estrellas svg { inline-size: 15px; block-size: 15px;
    fill: var(--gold); }
.arra-resenas__texto { margin: 0; }
.arra-resenas__texto p { margin: 0; color: var(--fg-soft);
    font-size: 15px; line-height: 1.65; }

/* «Agenda tu consulta» se rellena de dorado. Ver destilar.py,
   «AGENDA TU CONSULTA, EN DORADO AL PASAR EL RATON». */
.arra-cta-dorado.arra-cta-dorado { transition: background-color
        var(--wp--custom--movimiento--base)
        var(--wp--custom--movimiento--salida),
    color var(--wp--custom--movimiento--base)
        var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-cta-dorado.arra-cta-dorado:hover, .arra-cta-dorado.arra-cta-dorado:focus-visible {
      opacity: 1;
      background-color: var(--gold-bronze);
      color: var(--wp--preset--color--carbon-950); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-cta-dorado.arra-cta-dorado { transition: none; }
}

/* La home generica en la linea de Corporate. Ver destilar.py,
   inicio_en_la_linea_de_corporate(). */
.arra-inicio-argumentos { gap: 26px clamp(28px, 4vw, 56px); }
.arra-inicio-argumentos > .arra-inicio-argumento { background: transparent; border: 0;
    border-radius: 0; padding: 0; gap: 14px; }
.arra-inicio-argumentos > .arra-inicio-argumento:hover { transform: none; box-shadow: none; }
.arra-inicio-argumentos > .arra-inicio-argumento > .arra-icono { inline-size: 34px; block-size: 34px;
    color: var(--wp--preset--color--dorado-700); }
@media (hover: hover) {
  .arra-inicio-argumentos > .arra-inicio-argumento:hover > .arra-icono {
      color: var(--wp--preset--color--tinta-900); }
}
@media (min-width: 760px) {
  .arra-inicio-argumentos > .arra-inicio-argumento { padding-inline-start: 22px;
      border-inline-start: 1px solid var(--arra-line);
      transition: border-color 260ms var(--wp--custom--movimiento--salida); }
  @media (hover: hover) {
    .arra-inicio-argumentos > .arra-inicio-argumento:hover {
        border-inline-start: 2px solid var(--wp--preset--color--dorado-500);
        padding-inline-start: 21px; }
  }
}
@media (max-width: 759px) {
  .arra-inicio-argumentos > .arra-inicio-argumento + .arra-inicio-argumento { padding-block-start: 24px;
      border-block-start: 1px solid var(--arra-line); }
}
.arra-ticks.arra-ticks--columna { grid-template-columns: minmax(0, 1fr);
    max-inline-size: none; margin: 22px 0 0; gap: 12px; }
.arra-inicio-plan { position: relative; margin: 0; padding: 26px 26px 22px;
    border: 1px solid var(--wp--preset--color--neutro-400); border-radius: 20px;
    background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge); }
.arra-inicio-plan__cab { display: flex; justify-content: space-between; gap: 10px 18px;
    flex-wrap: wrap; margin-block-end: 40px; font-size: 11px; font-weight: 600;
    letter-spacing: .16em; text-transform: uppercase; }
.arra-inicio-plan__rotulo { color: var(--wp--preset--color--dorado-700); }
.arra-inicio-plan__nota { color: var(--wp--preset--color--tinta-500); }
.arra-inicio-plan { container-type: inline-size; }
.arra-inicio-plan__pista { position: relative; display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start; padding-block-start: 0; }
.arra-inicio-plan__linea, .arra-inicio-plan__avance { position: absolute;
    inset-inline: 12.5%; inset-block-start: 10px; block-size: 2px;
    border-radius: 2px;
    background: var(--wp--preset--color--neutro-300); }
.arra-inicio-plan__avance { background: var(--wp--preset--color--dorado-700);
    transform-origin: 0 50%; }
.arra-inicio-plan__hito { display: grid; justify-items: center; gap: 6px;
    text-align: center; padding-inline: 4px; }
.arra-inicio-plan__hito i { display: block; box-sizing: border-box;
    inline-size: 22px; block-size: 22px; border-radius: 50%;
    border: 2px solid var(--wp--preset--color--dorado-700);
    background: var(--wp--preset--color--dorado-700);
    box-shadow: 0 0 0 4px var(--surface); }
.arra-inicio-plan__hito b { font-family: var(--font-display); font-weight: 500;
    font-size: 13px; line-height: 1.2; color: var(--wp--preset--color--tinta-900); }
.arra-inicio-plan__hito small { font-size: 11px; line-height: 1.3;
    color: var(--wp--preset--color--tinta-500); }
.arra-inicio-plan__meses { display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 10px 12.5% 0; padding: 0; list-style: none;
    font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
    color: var(--wp--preset--color--tinta-500); }
.arra-inicio-plan__meses > * { justify-self: center; }
.arra-inicio-plan__pie { margin: 22px 0 0; padding-block-start: 16px;
    border-block-start: 1px solid var(--wp--preset--color--neutro-300);
    font-size: 14px; line-height: 1.6; color: var(--wp--preset--color--tinta-500); }
.arra-inicio-plan.esta-viva .arra-inicio-plan__avance {
    animation: arra-inicio-avanza 7s var(--wp--custom--movimiento--entrada-salida) infinite; }
@keyframes arra-inicio-avanza { 0% { transform: scaleX(0); opacity: 1; }
    72%, 92% { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: 0; } }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--1 b,
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--1 small {
    animation: arra-inicio-hito-1 7s linear infinite; }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--1 i {
    animation: arra-inicio-punto-1 7s linear infinite; }
@keyframes arra-inicio-hito-1 {
    0%, 0.0% { opacity: .38; }
    1.5%, 93% { opacity: 1; }
    100% { opacity: .38; } }
@keyframes arra-inicio-punto-1 {
    0%, 0.0% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); }
    1.5%, 93% { background: var(--wp--preset--color--dorado-700);
        border-color: var(--wp--preset--color--dorado-700); }
    100% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); } }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--2 b,
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--2 small {
    animation: arra-inicio-hito-2 7s linear infinite; }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--2 i {
    animation: arra-inicio-punto-2 7s linear infinite; }
@keyframes arra-inicio-hito-2 {
    0%, 22.5% { opacity: .38; }
    25.5%, 93% { opacity: 1; }
    100% { opacity: .38; } }
@keyframes arra-inicio-punto-2 {
    0%, 22.5% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); }
    25.5%, 93% { background: var(--wp--preset--color--dorado-700);
        border-color: var(--wp--preset--color--dorado-700); }
    100% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); } }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--3 b,
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--3 small {
    animation: arra-inicio-hito-3 7s linear infinite; }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--3 i {
    animation: arra-inicio-punto-3 7s linear infinite; }
@keyframes arra-inicio-hito-3 {
    0%, 46.5% { opacity: .38; }
    49.5%, 93% { opacity: 1; }
    100% { opacity: .38; } }
@keyframes arra-inicio-punto-3 {
    0%, 46.5% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); }
    49.5%, 93% { background: var(--wp--preset--color--dorado-700);
        border-color: var(--wp--preset--color--dorado-700); }
    100% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); } }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--4 b,
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--4 small {
    animation: arra-inicio-hito-4 7s linear infinite; }
.arra-inicio-plan.esta-viva .arra-inicio-plan__hito--4 i {
    animation: arra-inicio-punto-4 7s linear infinite; }
@keyframes arra-inicio-hito-4 {
    0%, 70.5% { opacity: .38; }
    73.5%, 93% { opacity: 1; }
    100% { opacity: .38; } }
@keyframes arra-inicio-punto-4 {
    0%, 70.5% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); }
    73.5%, 93% { background: var(--wp--preset--color--dorado-700);
        border-color: var(--wp--preset--color--dorado-700); }
    100% { background: var(--wp--preset--color--neutro-300);
        border-color: var(--wp--preset--color--neutro-300); } }
@container (max-width: 470px) {
  .arra-inicio-plan__hito small { display: none; }
  .arra-inicio-plan__hito b { font-size: 12px; }
}
.arra-inicio-servicio.arra-inicio-servicio {
    background: var(--wp--preset--color--neutro-200);
    border-color: var(--wp--preset--color--neutro-400); }
.arra-inicio-cabeza.arra-inicio-cabeza { block-size: auto; display: flex; align-items: center;
    padding: 20px clamp(24px, 3vw, 40px); }
.arra-inicio-marca { display: block; block-size: 34px; inline-size: auto; }
.arra-inicio-lineas { gap: 0; }
.arra-inicio-lineas > .arra-inicio-linea { display: grid;
    grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px;
    align-items: start; background: transparent; border-radius: 0;
    padding: 14px 0; border-block-start: 1px solid var(--arra-line); }
.arra-inicio-lineas > .arra-inicio-linea:last-child {
    border-block-end: 1px solid var(--arra-line); }
.arra-inicio-linea > :not(.arra-inicio-linea__marca) { grid-column: 2; }
.arra-inicio-linea__marca { margin-block-start: 1px; }
.arra-inicio-servicio--core .arra-inicio-linea__marca { background: var(--core); }
.arra-inicio-servicio--corp .arra-inicio-linea__marca { background: var(--corp); }
.arra-inicio-partners, .arra-tira-logos { display: flex; gap: 16px;
    margin: 0; padding: 18px 16px;
    list-style: none; overflow-x: hidden; border: 1px solid var(--arra-line-soft);
    border-radius: var(--r-lg); background: var(--wp--preset--color--neutro-100);
    touch-action: pan-y; cursor: grab; user-select: none;
    -webkit-user-select: none; }
.arra-inicio-partners.esta-cogida, .arra-tira-logos.esta-cogida {
    cursor: grabbing; }
.arra-inicio-partners > li, .arra-tira-logos > li { flex: none;
    display: grid; place-items: center;
    min-inline-size: 150px; padding: 16px 28px; border-radius: 14px;
    background: var(--wp--preset--color--blanco); }
.arra-inicio-partners img, .arra-tira-logos img { display: block;
    block-size: auto; inline-size: auto; max-block-size: 26px;
    max-inline-size: 120px; filter: grayscale(1); opacity: .72;
    pointer-events: none;
    transition: filter var(--wp--custom--movimiento--base)
                var(--wp--custom--movimiento--salida),
                opacity var(--wp--custom--movimiento--base)
                var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-inicio-partners > li:hover img,
  .arra-tira-logos > li:hover img { filter: none; opacity: 1; }
}
.arra-beneficios--inicio > .arra-beneficios__cabecera { max-inline-size: 52ch;
    margin-block-end: 0; text-align: start; }
.arra-beneficios--inicio > .arra-inicio-entrada { text-align: start;
    margin-block: 16px 44px; margin-inline: 0; }
@media (hover: hover) {
  .arra-beneficios--inicio .arra-beneficios__item:hover .arra-beneficios__n {
      color: var(--wp--preset--color--tinta-900); }
}
@media (max-width: 719px) {
  .arra-beneficios--inicio .arra-beneficios__lista.esta-apilada > .acaba-de-llegar .arra-beneficios__n {
      color: var(--wp--preset--color--tinta-900); }
}
.arra-inicio-articulo { position: relative; overflow: hidden; }
.arra-inicio-foto { background-size: cover; background-position: center;
    transition: transform 900ms var(--wp--custom--movimiento--salida); }
@media (max-width: 859px) {
  div:has(> .arra-inicio-articulo) { display: flex; gap: 16px;
      box-sizing: border-box;
      overflow-x: auto; scroll-snap-type: x mandatory;
      scrollbar-width: none; -webkit-overflow-scrolling: touch;
      inline-size: 100vw; margin-inline: calc(50% - 50vw);
      padding-inline: 20px;
      scroll-padding-inline-start: 20px; }
  div:has(> .arra-inicio-articulo)::-webkit-scrollbar { display: none; }
  div:has(> .arra-inicio-articulo) > * { flex: 0 0 auto;
      inline-size: min(78vw, 20rem); scroll-snap-align: start; }
}
.arra-inicio-foto--1 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-fiscal-contable-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-fiscal-contable-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-fiscal-contable-1.jpg') type('image/jpeg')); }
.arra-inicio-foto--2 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-packs-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-packs-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-packs-1.jpg') type('image/jpeg')); }
.arra-inicio-foto--3 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-ecommerce-1.jpg') type('image/jpeg')); }
.arra-inicio-foto--4 { background-image: url('/wp-content/themes/arra/assets/img/fotos/core-laboral-1.jpg');
    background-image: image-set(url('/wp-content/themes/arra/assets/img/fotos/core-laboral-1.webp') type('image/webp'), url('/wp-content/themes/arra/assets/img/fotos/core-laboral-1.jpg') type('image/jpeg')); }
@media (hover: hover) {
  .arra-inicio-articulo:hover .arra-inicio-foto { transform: scale(1.05); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-inicio-plan__avance, .arra-inicio-plan__hito, .arra-inicio-plan__hito i { animation: none; }
  .arra-inicio-foto { transition: none; }
}

/* Las tres cifras de gobernanza de /corporate/metodo/, un punto
   mas grandes. Ver destilar.py, contador_en_las_cifras(). */
.arra-cifras-metodo [class*="-seccion-10"] { font-size: 46px; }
.arra-cifras-metodo [class*="-2-14"] { font-size: 16px; }
.arra-cifras-metodo [class*="-2-15"] { font-size: 14px; line-height: 1.55; }

/* Los cinco valores de /corporate/metodo/: icono arriba y todo
   centrado. Ver destilar.py, valores_del_metodo(). */
.arra-valores-metodo.arra-valores-metodo { margin-block-start: clamp(38px, 4.6vw, 62px);
    gap: clamp(22px, 3vw, 40px); }
.arra-valores-metodo > * { display: grid; justify-items: center; align-content: start;
    gap: 12px; text-align: center; border-inline-start: 0;
    border-block-start: 0; padding-inline-start: 0; }
.arra-valores-metodo > * > .arra-icono { inline-size: 34px; block-size: 34px;
    color: var(--wp--preset--color--dorado-700); }
@media (hover: hover) {
  .arra-valores-metodo > *:hover > .arra-icono { color: var(--wp--preset--color--burdeos-700); }
}

/* Las dos cifras de CFO externo: filete que se estira y caja que
   se levanta. Ver destilar.py, movimiento_en_las_cifras(). */
.arra-cifras-cfo > * { position: relative; overflow: hidden;
    transition: transform var(--wp--custom--movimiento--base)
        var(--wp--custom--movimiento--salida); }
.arra-cifras-cfo > *::after { content: ""; position: absolute;
    inset-inline: 0; inset-block-end: 0; block-size: 3px;
    background: var(--wp--preset--color--dorado-500);
    transform: scaleX(0); transform-origin: left;
    transition: transform 620ms var(--wp--custom--movimiento--entrada-salida); }
.arra-cifras-cfo.in > *::after { transform: scaleX(0.34); }
.arra-cifras-cfo.in > *:nth-child(2)::after { transition-delay: 200ms; }
@media (hover: hover) {
  .arra-cifras-cfo > *:hover { transform: translateY(-3px); }
  .arra-cifras-cfo.in > *:hover::after { transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-cifras-cfo > *, .arra-cifras-cfo > *::after { transition: none; }
  .arra-cifras-cfo > *::after { transform: scaleX(0.34); }
}

/* El boton del heroe se rellena de granate al pasar el raton, en
   las once paginas. Ver destilar.py, relleno_en_el_cta_del_heroe(). */
.arra-cta-relleno--corp { --arra-cta-relleno-tinte: var(--wp--preset--color--burdeos-700);
    --arra-cta-relleno-tinta: var(--wp--preset--color--blanco); }
.arra-cta-relleno--core { --arra-cta-relleno-tinte: var(--wp--preset--color--verde-700);
    --arra-cta-relleno-tinta: var(--wp--preset--color--blanco); }
.arra-cta-relleno--oro { --arra-cta-relleno-tinte: var(--gold-bronze);
    --arra-cta-relleno-tinta: var(--wp--preset--color--carbon-950); }
.arra-cta-relleno.arra-cta-relleno { background-color: transparent;
    background-image: linear-gradient(to right,
            var(--arra-cta-relleno-tinte), var(--arra-cta-relleno-tinte)),
        linear-gradient(var(--wp--preset--color--blanco),
            var(--wp--preset--color--blanco));
    background-size: 0% 100%, 100% 100%;
    background-repeat: no-repeat; background-origin: border-box;
    transition: background-size var(--wp--custom--movimiento--lento)
            var(--wp--custom--movimiento--salida),
        color var(--wp--custom--movimiento--base)
            var(--wp--custom--movimiento--salida),
        border-color var(--wp--custom--movimiento--base)
            var(--wp--custom--movimiento--salida),
        transform var(--wp--custom--movimiento--base)
            var(--wp--custom--movimiento--salida); }
@media (hover: hover) {
  .arra-cta-relleno.arra-cta-relleno:hover { background-size: 100% 100%, 100% 100%;
      color: var(--arra-cta-relleno-tinta, var(--wp--preset--color--blanco));
      transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  .arra-cta-relleno.arra-cta-relleno { transition: none; }
}

/* Un solo ancho de seccion en toda la web, y la barra flotante
   alineada con el. Ver destilar.py, iguala_los_margenes(). */
.arra-ancho-seccion.arra-ancho-seccion { max-inline-size: 1280px; }
@media (min-width: 860px) {
  .arra-flotante .wp-block-template-part header {
      max-inline-size: calc(1280px + 2 * clamp(20px, 5vw, 64px) - 32px);
      padding-inline: calc(clamp(20px, 5vw, 64px) - 16px); }
}

/* El contenedor del ken burns en los heroes interiores. Ver
   destilar.py, kenburns_en_el_heroe(). */
.arra-heroe-foto { position: absolute; inset: 0; }

/* La mesa: los entregables de Asesoramiento integral, dibujados.
   Ver destilar.py, bloque_de_la_mesa(). */
.arra-mesa-seccion .arra-mesa__lista { margin: 0; gap: 0;
    grid-template-columns: minmax(0, 1fr); }
.arra-mesa-seccion .arra-mesa__lista > * { display: grid;
    grid-template-columns: 22px minmax(0, 1fr); gap: 2px 14px;
    padding: 16px 0; border: 0; border-block-start: 1px solid
    var(--arra-line-soft); background: transparent; }
.arra-mesa-seccion .arra-mesa__lista > *:first-child {
    border-block-start: 0; padding-block-start: 0; }
.arra-mesa-seccion .arra-mesa__lista > *::before { content: "";
    grid-row: 1 / span 2; grid-column: 1; inline-size: 22px;
    block-size: 22px; border-radius: 50%; margin-block-start: 1px;
    background: var(--wp--preset--color--dorado-700); }
.arra-mesa-seccion .arra-mesa__lista > *::after { content: "";
    grid-row: 1; grid-column: 1; inline-size: 5px; block-size: 10px;
    margin: 4px 0 0 8px; border-inline-end: 2px solid
    var(--wp--preset--color--blanco); border-block-end: 2px solid
    var(--wp--preset--color--blanco); transform: rotate(45deg); }
.arra-mesa-seccion .arra-mesa__lista > * > :first-child {
    font-family: var(--font-display); font-weight: 500;
    font-size: 17px; line-height: 1.25;
    color: var(--wp--preset--color--carbon-950); }
.arra-mesa-seccion .arra-mesa__lista > * > p { margin: 0; font-size: 14.5px;
    line-height: 1.6; color: var(--fg-soft); }
@media (min-width: 900px) {
  .arra-mesa-seccion { display: grid; column-gap: 56px;
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
      align-items: start; }
  .arra-mesa-seccion > :first-child { grid-column: 1 / -1; }
  .arra-mesa-seccion .arra-mesa__lista { grid-column: 1; align-self: center; }
  .arra-mesa-seccion .arra-mesa { grid-column: 2; margin-block-start: 0; }
}
.arra-mesa { margin: clamp(30px, 4vw, 44px) 0 0; }
.arra-mesa__escenario { position: relative; overflow: hidden;
    background: var(--arra-bg-subtle);
    border-radius: var(--r-xl); padding: 22px;
    display: grid; gap: 16px; }
.arra-mesa__hoja { background: var(--wp--preset--color--blanco);
    border-radius: var(--r-lg); padding: 16px 18px 18px;
    box-shadow: var(--shadow-badge); --giro: 0deg; }
.arra-mesa__rotulo { display: block; font-family: var(--font-display);
    font-weight: 500; font-size: 14px; line-height: 1.2;
    color: var(--fg); margin-block-end: 12px; }
.arra-mesa__anio { display: grid; grid-template-columns: repeat(12, 1fr); gap: 5px; }
.arra-mesa__mes { display: grid; gap: 5px; justify-items: center;
    font-size: 9.5px; letter-spacing: .08em;
    color: var(--wp--preset--color--tinta-500); }
.arra-mesa__mes i { position: relative; display: block; inline-size: 100%;
    block-size: 26px; border-radius: 6px;
    background: var(--wp--preset--color--neutro-100);
    border: 1px solid var(--arra-line-soft); }
.arra-mesa__mes--vence i::after { content: ""; position: absolute;
    inset-inline-start: 50%; inset-block-end: 5px; inline-size: 7px;
    block-size: 7px; border-radius: 50%; transform: translateX(-50%);
    background: var(--wp--preset--color--burdeos-700); }
.arra-mesa__mes--vence i::before { content: ""; position: absolute;
    inset-inline-start: 50%; inset-block-start: 5px; inline-size: 7px;
    block-size: 7px; border-radius: 50%; transform: translateX(-50%);
    border: 1.5px solid var(--wp--preset--color--dorado-700);
    background: var(--wp--preset--color--blanco); }
.arra-mesa__mes--anual i { background: color-mix(in srgb,
    var(--wp--preset--color--dorado-300) 30%, var(--wp--preset--color--blanco)); }
.arra-mesa__leyenda { display: flex; gap: 14px; margin-block-start: 10px;
    font-size: 11px; color: var(--fg-soft); }
.arra-mesa__clave { display: inline-flex; align-items: center; gap: 6px; }
.arra-mesa__clave::before { content: ""; inline-size: 8px;
    block-size: 8px; border-radius: 50%; }
.arra-mesa__clave--aviso::before { background: transparent;
    border: 1.5px solid var(--wp--preset--color--dorado-700); }
.arra-mesa__clave--vence::before {
    background: var(--wp--preset--color--burdeos-700); }
.arra-mesa__areas, .arra-mesa__fila { display: grid; gap: 8px;
    grid-template-columns: 5.4rem repeat(3, 1fr);
    align-items: center; }
.arra-mesa__areas { margin-block-end: 4px; }
.arra-mesa__areas > span { font-size: 10px; letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wp--preset--color--tinta-500); }
.arra-mesa__fila { padding-block: 7px;
    border-block-start: 1px solid var(--arra-line-soft); }
.arra-mesa__soc { font-size: 11.5px; color: var(--fg); }
.arra-mesa__estado { display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; color: var(--fg); }
.arra-mesa__estado::before { content: ""; inline-size: 8px; block-size: 8px;
    border-radius: 50%; box-sizing: border-box;
    background: var(--wp--preset--color--dorado-700); }
.arra-mesa__estado--curso::before { background: var(--wp--preset--color--dorado-300);
    border: 1px solid var(--wp--preset--color--dorado-700); }
.arra-mesa__estado--pendiente::before { background: var(--wp--preset--color--burdeos-700); }
.arra-mesa__indice { list-style: none; margin: 0; padding: 0; display: grid;
    gap: 0; font-size: 12px; }
.arra-mesa__apartado { display: grid; grid-template-columns: 1.6em 1fr auto;
    align-items: center; gap: 8px; padding: 7px 0;
    border-block-start: 1px solid var(--arra-line-soft); }
.arra-mesa__apartado:first-child { border-block-start: 0; padding-block-start: 0; }
.arra-mesa__apartado em { font-style: normal; font-family: var(--font-display);
    font-size: 10px; color: var(--wp--preset--color--dorado-700); }
.arra-mesa__visto { position: relative; inline-size: 16px; block-size: 16px;
    border-radius: 50%; background: var(--wp--preset--color--dorado-700); }
.arra-mesa__visto::after { content: ""; position: absolute; inset-inline-start: 5px;
    inset-block-start: 2px; inline-size: 4px; block-size: 8px;
    border-inline-end: 1.5px solid var(--wp--preset--color--blanco);
    border-block-end: 1.5px solid var(--wp--preset--color--blanco);
    transform: rotate(45deg); }
.arra-mesa__visto--pendiente { background: transparent;
    border: 1px solid var(--arra-line); }
.arra-mesa__visto--pendiente::after { display: none; }
.arra-mesa__hoja--alertas { display: grid; gap: 6px; padding: 0;
    background: transparent; box-shadow: none; }
.arra-mesa__aviso { display: grid; grid-template-columns: auto 1fr; gap: 10px;
    align-items: start; padding: 8px 10px; border-radius: 12px;
    background: var(--wp--preset--color--blanco); box-shadow: var(--shadow-badge);
    font-size: 11.5px; line-height: 1.3; }
.arra-mesa__aviso i { inline-size: 8px; block-size: 8px; margin-block-start: 4px;
    border-radius: 50%; background: var(--wp--preset--color--dorado-700); }
.arra-mesa__aviso--urgente i { background: var(--wp--preset--color--burdeos-700); }
.arra-mesa__aviso small { display: block; font-size: 9.5px; letter-spacing: .1em;
    text-transform: uppercase; color: var(--wp--preset--color--tinta-500);
    margin-block-end: 2px; }
.arra-mesa__aviso b { font-weight: 600; }
@media (min-width: 620px) {
  .arra-mesa__escenario { display: block; block-size: 580px;
      overflow: hidden; }
  .arra-mesa__hoja { position: absolute;
      transform: rotate(var(--giro)); }
  .arra-mesa__hoja--calendario { --paso: 64px; }
  .arra-mesa__hoja--cuadro { --paso: 88px; }
  .arra-mesa__hoja--informe { --paso: 112px; }
  .arra-mesa__hoja--alertas { --paso: 48px; }
  .arra-mesa__hoja--calendario { inset-inline-start: 5%;
      inset-block-start: 24px; inline-size: 54%; --giro: -3deg; }
  .arra-mesa__hoja--cuadro { inset-inline-end: 3%;
      inset-block-start: 232px; inline-size: 52%; --giro: 2deg; }
  .arra-mesa__hoja--informe { inset-inline-start: 5%;
      inset-block-end: 20px; inline-size: 46%; --giro: -1.5deg; }
  .arra-mesa__hoja--alertas { inset-inline-start: 2%;
      inset-block-start: 184px; inline-size: 31%; --giro: -3deg; }
}
.arra-mesa__hoja { transition: opacity 520ms var(--wp--custom--movimiento--salida),
    transform 520ms var(--wp--custom--movimiento--salida); }
.js-motion .arra-mesa:not(.in) .arra-mesa__hoja,
.js-motion .arra-mesa:not(.esta-viva) .arra-mesa__hoja { opacity: 0;
    transform: translateY(var(--paso, 26px)) rotate(0deg); }
@media (prefers-reduced-motion: reduce) {
  .arra-mesa__hoja { transition: none; }
  .js-motion .arra-mesa:not(.in) .arra-mesa__hoja,
  .js-motion .arra-mesa:not(.esta-viva) .arra-mesa__hoja { opacity: 1;
      transform: rotate(var(--giro)); }
}
.arra-mesa__hoja:nth-child(1) { transition-delay: 100ms; }
.arra-mesa__hoja:nth-child(2) { transition-delay: 250ms; }
.arra-mesa__hoja:nth-child(3) { transition-delay: 400ms; }
.arra-mesa__hoja:nth-child(4) { transition-delay: 550ms; }

/* La placa de las tres areas de Asesoramiento integral.
   Ver destilar.py, placa_de_las_areas(). */
.arra-placa { gap: 0; border-radius: var(--r-xl); overflow: hidden;
    background: var(--wp--preset--color--blanco);
    --arra-fondo-seccion: var(--wp--preset--color--blanco);
    border: 1px solid var(--arra-line-soft);
    border-block-start: 3px solid var(--wp--preset--color--dorado-700);
    grid-template-columns: minmax(0, 1fr); }
@media (min-width: 860px) {
  .arra-placa { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.arra-placa__area { background: transparent; border: 0; border-radius: 0;
    padding: clamp(26px, 3vw, 36px) clamp(22px, 2.6vw, 32px);
    position: relative; }
.arra-placa__area + .arra-placa__area { border-block-start: 1px solid
    var(--arra-line-soft); }
@media (min-width: 860px) {
  .arra-placa__area + .arra-placa__area { border-block-start: 0;
      border-inline-start: 1px solid var(--arra-line-soft); }
}
.arra-placa .arra-kicker { color: var(--wp--preset--color--burdeos-900); }
.arra-placa .arra-cumplimiento-fiscal-gestion-1 {
    color: var(--wp--preset--color--carbon-950); font-size: 19px;
    line-height: 1.25; margin: 8px 0 16px; }
.arra-placa .arra-nuestros-servicios-2 { padding: 7px 0; }
.arra-placa .arra-nuestros-servicios-4 { color: var(--fg-soft); }
.arra-placa__area > * { transition: opacity 360ms
        var(--wp--custom--movimiento--salida),
        transform 360ms var(--wp--custom--movimiento--salida); }
.js-motion .arra-placa__area:not(.in) > * {
    opacity: 0; transform: translateY(8px); }
@media (prefers-reduced-motion: reduce) {
  .arra-placa__area > * { transition: none; }
  .js-motion .arra-placa__area:not(.in) > * {
      opacity: 1; transform: none; }
}
.arra-placa__area { transition: transform var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
.arra-placa__tick { transition: background-color
    var(--wp--custom--movimiento--base)
    var(--wp--custom--movimiento--salida); }
@media (hover: hover) and (pointer: fine) {
  .arra-placa__area:hover { transform: translateY(-3px); }
  .arra-placa__area { position: relative; }
  .arra-placa__area:hover::after { content: ""; position: absolute;
      inset-inline: 0; inset-block: 100% auto; block-size: 6px; }
  .arra-nuestros-servicios-2:hover .arra-placa__tick {
      background: var(--arra-senala); }
}
.arra-placa__area > :nth-child(1) { transition-delay: 320ms; }
.arra-placa__area > :nth-child(2) { transition-delay: 430ms; }
.arra-placa__area > :nth-child(3) { transition-delay: 540ms; }
.arra-placa__area > :nth-child(4) { transition-delay: 650ms; }
.arra-placa__area > :nth-child(5) { transition-delay: 760ms; }
.arra-placa__area > :nth-child(6) { transition-delay: 870ms; }

/* La entrada del texto del heroe: mas recorrido, mas foco y mas
   despacio que el resto, porque es lo primero que se ve.
   Ver destilar.py y motion.css, seccion 1b. */
section:has(> .arra-heroe-velo) [data-arra-stagger] > .arra-reveal {
    --arra-entra-sube: 44px;
    --arra-entra-foco: 14px;
    --arra-entra-dur: 1000ms;
    --arra-reveal-dist: 54px;
    --arra-reveal-dur: 900ms;
}
@media (max-width: 859px) {
  section:has(> .arra-heroe-velo) [data-arra-stagger] > .arra-reveal {
      --arra-entra-sube: 54px;
      --arra-entra-dur: 900ms;
  }
}

/* La cabecera de la seccion, centrada. El titular trae su propio
   `max-width` en ch, asi que para centrarlo no basta con alinear el
   texto: hay que centrar tambien su caja, y eso es `margin-inline:
   auto`.

   Y el hueco hasta las fichas es EL MISMO que el de arriba. Design
   lo dejaba en 48 px contra los 98 de la banda, y con el titular
   centrado eso se nota: el bloque parece colgado del borde de
   arriba y pegado a las fotos. Los tres huecos -encima del rotulo,
   entre titular y fichas, y debajo de las fichas- salen del mismo
   valor. Ver destilar.py, css_de_los_perfiles(). */
.arra-cabecera-centrada { text-align: center; margin-block-end: calc(var(--section-pad-y) * 0.58); }
.arra-cabecera-centrada > * { margin-inline: auto; }

/* Fichas de perfil con foto. Ver destilar.py, css_de_los_perfiles(). */
.arra-perfiles { display: flex; gap: 16px; margin: 0; padding: 0; list-style: none;
         inline-size: 100vw; margin-inline: calc(50% - 50vw);
         overflow-x: hidden; touch-action: pan-y;
         cursor: grab; scrollbar-width: none;
         padding-block-end: 4px;
         -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.34) 0,
             #000 clamp(18px, 3vw, 54px), #000 calc(100% - clamp(18px, 3vw, 54px)), rgba(0,0,0,.34) 100%);
         mask-image: linear-gradient(90deg, rgba(0,0,0,.34) 0,
             #000 clamp(18px, 3vw, 54px), #000 calc(100% - clamp(18px, 3vw, 54px)), rgba(0,0,0,.34) 100%); }
.arra-perfiles::-webkit-scrollbar { display: none; }
.arra-perfiles.esta-cogida { cursor: grabbing; }
.arra-perfiles > li { flex: 0 0 auto; inline-size: 260px; }
.arra-perfiles img, .arra-perfiles a { -webkit-user-drag: none; user-select: none; }
.arra-perfiles-ficha { position: relative; display: flex; flex-direction: column;
               aspect-ratio: 2 / 3; overflow: hidden; isolation: isolate;
               border-radius: var(--r-lg); padding: 24px 22px;
               text-decoration: none; color: var(--wp--preset--color--blanco); }
.arra-perfiles .arra-perfiles-ficha .arra-perfiles-foto { position: absolute; inset: 0; z-index: -2;
              inline-size: 100%; block-size: 100%; object-fit: cover;
              scale: 1; filter: blur(0px);
              transition: filter var(--wp--custom--movimiento--lento)
                            var(--wp--custom--movimiento--salida),
                          scale var(--wp--custom--movimiento--lento)
                            var(--wp--custom--movimiento--salida); }
.arra-perfiles-ficha::before { content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--wp--preset--color--burdeos-950) 56%, transparent) 0%,
      color-mix(in srgb, var(--wp--preset--color--burdeos-950) 48%, transparent) 58%,
      color-mix(in srgb, var(--wp--preset--color--burdeos-950) 56%, transparent) 100%);
    transition: opacity var(--wp--custom--movimiento--lento)
                var(--wp--custom--movimiento--salida); }
.arra-perfiles-tipo { font-family: var(--font-body); font-size: 11.5px; font-weight: 500;
              letter-spacing: 0.18em; text-transform: uppercase;
              color: var(--wp--preset--color--blanco);
              transition: color var(--wp--custom--movimiento--lento)
                          var(--wp--custom--movimiento--salida); }
.arra-perfiles-titulo { font-family: var(--font-display); font-weight: 500;
                font-size: 19px; line-height: 1.22; letter-spacing: -0.01em;
                margin: 12px 0 0; color: inherit; text-wrap: balance;
                transition: color var(--wp--custom--movimiento--lento)
                            var(--wp--custom--movimiento--salida); }
.arra-perfiles-texto { font-size: 14px; line-height: 1.55;
               margin: 26% 0 0; padding-block-start: 0;
               color: var(--wp--preset--color--blanco);
               opacity: 0; translate: 0 8px;
               transition: opacity var(--wp--custom--movimiento--lento)
                             var(--wp--custom--movimiento--salida),
                           translate var(--wp--custom--movimiento--lento)
                             var(--wp--custom--movimiento--salida); }
.arra-perfiles-cta { display: inline-flex; align-items: center; gap: 8px;
             margin-block-start: auto; font-family: var(--font-body);
             font-size: 12px; font-weight: 500; letter-spacing: 0.1em;
             text-transform: uppercase; }
@media (hover: hover) {
  .arra-perfiles-ficha:hover .arra-perfiles-foto, .arra-perfiles-ficha:focus-visible .arra-perfiles-foto
      { filter: blur(10px); scale: 1.08; }
  .arra-perfiles-ficha:hover .arra-perfiles-texto, .arra-perfiles-ficha:focus-visible .arra-perfiles-texto
      { opacity: 1; translate: 0; }
}
@media (hover: none) { .arra-perfiles-texto { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .arra-perfiles-ficha::before, .arra-perfiles-foto, .arra-perfiles-tipo,
  .arra-perfiles-titulo, .arra-perfiles-texto { transition: none; }
}