/* ============================================================
   accountant-uruguay-expats.css — reglas propias de
   /en/accountant-uruguay-expats/ (12/08/2026).

   Se enlaza SOLO desde esa pagina, despues de
   ez-design-system-v2.purged.css. Todo scoped bajo
   .ez-accountant-en.

   El vocabulario .ez-ed-* (carcasa, quad, duo, ruta, lugar, faq) es
   el mismo ya usado en /honorarios/, /contador-punta-del-este/ y
   /contador-software-exportacion-uruguay/: se repite archivo por
   archivo porque el encargo pide una hoja aislada por pagina y
   prohibe sumar capas al CSS compartido.

   No se usa .ez-reveal: pone opacity 0 y solo la devuelve el JS.
   Toda la pagina tiene que leerse aunque falle el JavaScript.
   ============================================================ */

.ez-accountant-en {
  --ez-cool: #f7fafc;
  --ez-pale: #eaf1f6;
  /* Marfil apenas perceptible: separa la nota de Wise/Rise del blanco
     de su seccion sin convertirla en tarjeta ni sumar un color nuevo
     a la paleta (es el dorado de marca al 4%). */
  --ez-ivory: #fdfbf7;
  --ez-rule: #cdd5e0;
  /* Dorado para TEXTO sobre fondo claro. El --gold del sistema
     (#c8a968) da 2,17:1 contra blanco: sirve para un filete, no
     para una palabra (docs/diseno: "El dorado de marca falla
     contraste"). Este valor es el mismo que el sistema usa como
     --bronce. */
  --ez-gold-ink: #7d6229;
}

/* ------------------------------------------------------------
   FOCO VISIBLE — mismo arreglo ya aprobado en las hermanas.
   ------------------------------------------------------------ */
.ez-accountant-en :focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(200, 169, 104, 0.45);
}

.ez-accountant-en .ez-page-hero :focus-visible {
  outline-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.35);
}

/* ------------------------------------------------------------
   HERO — escala compacta
   ------------------------------------------------------------
   min-height: 0 anula a proposito los 550px que el sistema fija a
   .ez-page-hero. Patron ya aprobado en /honorarios/, /contador-
   punta-del-este/ y /contador-software-exportacion-uruguay/
   (todas 372-399px): pagina interna y transaccional, no portada. */
.ez-accountant-en .ez-page-hero {
  min-height: 0;
  padding: var(--sp-16) 0;
}

.ez-accountant-en .ez-page-hero__inner {
  max-width: none;
  text-align: left;
}

.ez-accountant-en .ez-page-hero .ez-eyebrow {
  text-align: left;
  margin-bottom: var(--sp-5);
}

.ez-accountant-en .ez-page-hero .ez-eyebrow::after {
  margin: var(--sp-3) 0 0;
}

.ez-accountant-en .ez-page-hero h1 {
  margin-inline: 0;
  margin-bottom: 0;
  max-width: 22ch;
  font-size: clamp(1.9rem, 3.6vw, 2.6rem);
  line-height: 1.14;
}

/* Bajada y botones en UNA columna, no repartidos en las dos puntas:
   el boton contra el borde derecho a la altura de la bajada se leia
   desconectado de ella. Mismo arreglo que la pagina de software. */
.ez-accountant-en .ez-hero-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: 56ch;
  align-items: end;
  gap: var(--sp-6) var(--sp-10);
  margin-top: var(--sp-6);
  padding-top: var(--sp-6);
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.ez-accountant-en .ez-page-hero__sub {
  margin: 0;
  max-width: 54ch;
  text-align: left;
}

.ez-accountant-en .ez-page-hero__actions {
  margin: 0;
  justify-content: flex-start;
}

.ez-accountant-en .ez-page-hero .ez-btn--primary {
  background: var(--gold);
  border-color: var(--gold);
  color: #061d36;
  box-shadow: none;
}

.ez-accountant-en .ez-page-hero .ez-btn--primary:hover {
  background: #d6ba78;
  border-color: #d6ba78;
  color: #061d36;
}

@media (max-width: 900px) {
  .ez-accountant-en .ez-hero-row {
    grid-template-columns: 1fr;
    align-items: start;
    gap: var(--sp-6);
  }
}

/* ------------------------------------------------------------
   FRANJA DE CONFIANZA — tres datos
   ------------------------------------------------------------ */
.ez-accountant-en .ez-pricing-trust {
  background: var(--white);
  padding: var(--sp-8) 0;
}

.ez-accountant-en .ez-pricing-trust__list {
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
}

.ez-accountant-en .ez-pricing-trust__list strong {
  font: 600 0.82rem/1.3 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: var(--sp-3);
}

.ez-accountant-en .ez-pricing-trust__list strong::after {
  margin-top: var(--sp-3);
}

.ez-accountant-en .ez-pricing-trust__list span {
  color: var(--gray-600);
  font-size: 0.95rem;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .ez-accountant-en .ez-pricing-trust {
    padding: var(--sp-5) 0;
  }
  .ez-accountant-en .ez-pricing-trust__list {
    grid-template-columns: 1fr;
    gap: 0;
    text-align: left;
  }
  .ez-accountant-en .ez-pricing-trust__list > li {
    min-height: 0;
    padding: var(--sp-3) 0;
    border-left: 0;
    border-top: 1px solid var(--gray-100);
  }
  .ez-accountant-en .ez-pricing-trust__list > li:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .ez-accountant-en .ez-pricing-trust__list > li:last-child {
    padding-bottom: 0;
  }
  .ez-accountant-en .ez-pricing-trust__list strong {
    margin-bottom: var(--sp-1);
    font-size: 0.75rem;
  }
  .ez-accountant-en .ez-pricing-trust__list strong::after {
    display: none;
  }
  .ez-accountant-en .ez-pricing-trust__list span {
    font-size: 0.9rem;
  }
}

/* ------------------------------------------------------------
   SECCION EDITORIAL — carcasa comun
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed {
  padding: var(--sp-12) 0;
}

.ez-accountant-en .ez-ed--white { background: var(--white); }
.ez-accountant-en .ez-ed--cool  { background: var(--ez-cool); }
.ez-accountant-en .ez-ed--pale  { background: var(--ez-pale); }

.ez-accountant-en .ez-ed__inner {
  width: min(var(--max-w), calc(100% - var(--side) * 2));
  margin-inline: auto;
}

.ez-accountant-en .ez-ed__head {
  max-width: 74ch;
  margin-bottom: var(--sp-7);
}

.ez-accountant-en .ez-ed__head--tight {
  margin-bottom: var(--sp-6);
}

.ez-accountant-en .ez-ed__head h2 {
  color: var(--navy);
  font-size: clamp(1.6rem, 2.8vw, 2.1rem);
  line-height: 1.18;
  margin: 0;
}

.ez-accountant-en .ez-ed__head h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: var(--gold);
  border-radius: var(--r-pill);
  margin: var(--sp-4) 0 0;
}

.ez-accountant-en .ez-ed__head p {
  margin: var(--sp-5) 0 0;
  max-width: 72ch;
  color: var(--gray-600);
  font-size: 1.02rem;
  line-height: 1.7;
}

.ez-accountant-en .ez-ed__aside {
  margin: var(--sp-7) 0 0;
  color: var(--gray-600);
  font-size: 0.94rem;
  line-height: 1.6;
}

/* ------------------------------------------------------------
   WHAT WE CAN HELP WITH — cuatro columnas editoriales (ez-ed-quad)
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed-quad {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sp-8);
  align-items: start;
}

.ez-accountant-en .ez-ed-quad > * {
  padding-top: var(--sp-5);
  border-top: 2px solid var(--gold);
}

.ez-accountant-en .ez-ed-quad h3 {
  margin: 0 0 var(--sp-3);
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
}

.ez-accountant-en .ez-ed-quad p {
  margin: 0;
  color: var(--gray-600);
  font-size: 0.96rem;
  line-height: 1.68;
}

@media (max-width: 1024px) {
  .ez-accountant-en .ez-ed-quad {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-7) var(--sp-8);
  }
}

@media (max-width: 600px) {
  .ez-accountant-en .ez-ed-quad {
    grid-template-columns: 1fr;
    gap: var(--sp-6);
  }
}

/* ------------------------------------------------------------
   THE URUGUAYAN SIDE OF YOUR CASE — dos columnas (ez-ed-duo)
   ------------------------------------------------------------
   Patron de "Dos formas de trabajar" en /honorarios/: dos bloques
   hermanos con filete dorado arriba, no tarjetas ni tabla. */
.ez-accountant-en .ez-ed-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-12);
  align-items: start;
}

.ez-accountant-en .ez-ed-duo__item {
  padding-top: var(--sp-5);
  border-top: 2px solid var(--gold);
}

.ez-accountant-en .ez-ed-duo__item h3 {
  margin: 0 0 var(--sp-4);
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
}

.ez-accountant-en .ez-ed-list {
  display: grid;
  gap: var(--sp-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ez-accountant-en .ez-ed-list li {
  position: relative;
  padding-left: var(--sp-6);
  max-width: 62ch;
  color: var(--gray-600);
  font-size: 0.96rem;
  line-height: 1.65;
}

.ez-accountant-en .ez-ed-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

@media (max-width: 860px) {
  .ez-accountant-en .ez-ed-duo {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
  }
}

/* ------------------------------------------------------------
   INTERNATIONAL INCOME — bonus Wise/Rise subordinado
   ------------------------------------------------------------
   El encargo pone un techo explicito: 8-12% de la pagina, y esta
   seccion es secundaria dentro de la landing. Sin logos ni colores
   de marca de terceros.

   Pase visual final (12/08/2026). Antes: cuatro barras con fondo y
   filete, unidas por flechas, mas una nota con fondo azul que
   parecia una tarjeta aparte; el eyebrow, ademas, era la capsula
   del sistema estirada a `display:block`, o sea una barra dorada de
   ancho completo. Ahora la seccion es una composicion editorial de
   tres bandas:

     1. encabezado horizontal (rotulo + H2 | introduccion);
     2. recorrido documental a todo el ancho: una linea de 1px con
        cuatro nodos dorados y la etiqueta debajo de cada nodo;
     3. nota editorial con filete dorado, sin caja.

   Cero flechas y cero chevrones, en HTML y en CSS.

   GEOMETRIA DEL RECORRIDO. Los nodos no se apoyan en el ancho de
   cada etiqueta —que es distinto— sino en la reja `1fr 2fr 2fr 1fr`:
   los centros de las columnas 2 y 3 caen exactamente en los tercios
   del contenedor, asi que la etiqueta interior queda centrada bajo
   su nodo sin transformaciones. El primero y el ultimo se pegan al
   limite (`left: 0` / `right: 0`) para que ningun nodo asome fuera
   del eje de texto, y los dos interiores se corrigen en `nodo/6`
   para que los tres intervalos midan exactamente (W - nodo) / 3.
   Nada depende de un viewport fijo ni de una altura fija.

   Este bloque va al reves que el resto del archivo —primero movil,
   despues `min-width: 769px`— a proposito: la version vertical y la
   horizontal usan selectores `:nth-child`, y escribirlo al reves
   obligaba a pelear especificidad para desarmarlos. */
.ez-accountant-en .ez-ed--intl {
  padding: var(--sp-10) 0;
}

/* --- Banda 1: encabezado ------------------------------------- */
.ez-accountant-en .ez-intl-head {
  display: grid;
  gap: var(--sp-5);
}

.ez-accountant-en .ez-intl-head .ez-ed__head {
  margin-bottom: 0;
  max-width: none;
}

/* El eyebrow del sistema es una capsula con padding, borde y fondo
   dorado. Aca vuelve a ser rotulo editorial plano, el mismo
   tratamiento ya aprobado en el CTA final de esta pagina. */
.ez-accountant-en .ez-ed--intl .ez-eyebrow {
  display: inline-block;
  margin: 0 0 var(--sp-3);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ez-gold-ink);
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ez-accountant-en .ez-ed--intl .ez-eyebrow::after {
  display: none;
}

.ez-accountant-en .ez-intl-head__intro {
  margin: 0;
  max-width: 62ch;
  color: var(--gray-600);
  font-size: 1.02rem;
  line-height: 1.7;
}

/* --- Banda 2: recorrido documental --------------------------- */
/* Movil: linea vertical a la izquierda, nodos sobre ella y
   etiquetas a la derecha. Cada tramo va del centro de un nodo al
   centro del siguiente (`100%` de la fila + el hueco), asi que no
   hace falta saber cuanto mide una fila. */
.ez-accountant-en .ez-intl-trail {
  --ez-nodo: 8px;
  --ez-trail-hueco: var(--sp-10);
  position: relative;
  display: grid;
  row-gap: var(--ez-trail-hueco);
  margin: var(--sp-8) 0 0;
  padding: 0;
  list-style: none;
}

.ez-accountant-en .ez-intl-trail > li {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--sp-6);
}

/* `z-index: 1` para que el nodo quede por encima del tramo de linea:
   el `::after` se pinta despues que el `::before` y, sin esto, la
   linea cruza el punto por el medio y lo parte en dos. */
.ez-accountant-en .ez-intl-trail > li::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: var(--ez-nodo);
  height: var(--ez-nodo);
  border-radius: 50%;
  background: var(--ez-gold-ink);
  transform: translateY(-50%);
}

.ez-accountant-en .ez-intl-trail > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--ez-nodo) / 2);
  width: 1px;
  height: calc(100% + var(--ez-trail-hueco));
  background: var(--ez-rule);
}

.ez-accountant-en .ez-intl-trail > li span {
  display: block;
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.3;
}

/* --- Banda 3: nota editorial (Wise/Rise) --------------------- */
.ez-accountant-en .ez-intl-nota {
  display: grid;
  gap: var(--sp-3);
  margin-top: var(--sp-8);
  padding: var(--sp-5) var(--sp-6);
  background: var(--ez-ivory);
  border-left: 2px solid var(--gold);
}

/* 19/08/2026. Era un serif de 1.02rem apoyado en una columna de 540px,
   y ahi estaba el problema: un rotulo de tres palabras dejaba casi 300px
   de aire entre el y el texto, dentro de la misma caja. Un titulo que
   necesita media caja para sostenerse no es un titulo, es un estorbo.

   Pasa a versalita, que es como el sitio rotula en /honorarios/ y en la
   ficha de fuentes. Rotula sin pesar, y sobre todo deja de pedir columna
   propia: la caja vuelve a UNA sola y el texto arranca debajo. */
.ez-accountant-en .ez-intl-nota__titulo {
  margin: 0;
  color: var(--gray-400);
  font: 600 0.72rem/1.35 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ez-accountant-en .ez-intl-nota__cuerpo p {
  margin: 0;
  max-width: 74ch;
  color: var(--gray-600);
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Se nombra el <p> ademas de la clase para ganarle en especificidad a
   la regla de arriba sin recurrir a `!important`. */
.ez-accountant-en .ez-intl-nota__cuerpo p + p {
  margin-top: var(--sp-2);
}

.ez-accountant-en .ez-intl-nota__cuerpo p.ez-intl-nota__fina {
  color: var(--gray-400);
  font-size: 0.82rem;
  line-height: 1.55;
}

@media (min-width: 769px) {
  .ez-accountant-en .ez-intl-head {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: var(--sp-4) var(--sp-10);
  }

  /* La nota NO entra aca. Comparti esta regla con .ez-intl-head hasta el
     19/08/2026 y era un error de origen: en el head la columna izquierda
     lleva un h2, que llena 540px; en la nota lleva un rotulo corto, que
     no. El mismo reparto se ve bien en uno y roto en la otra. */
  .ez-accountant-en .ez-intl-nota {
    gap: var(--sp-3);
  }


  /* El rotulo y la introduccion cierran sobre el mismo eje. */
  .ez-accountant-en .ez-intl-head {
    align-items: end;
  }

  .ez-accountant-en .ez-intl-trail {
    grid-template-columns: 1fr 2fr 2fr 1fr;
    margin-top: var(--sp-10);
  }

  /* La linea va del centro del primer nodo al del ultimo. */
  .ez-accountant-en .ez-intl-trail::before {
    content: "";
    position: absolute;
    top: calc(var(--ez-nodo) / 2);
    left: calc(var(--ez-nodo) / 2);
    right: calc(var(--ez-nodo) / 2);
    height: 1px;
    background: var(--ez-rule);
  }

  .ez-accountant-en .ez-intl-trail > li {
    display: block;
    padding: calc(var(--ez-nodo) + var(--sp-4)) 0 0;
  }

  .ez-accountant-en .ez-intl-trail > li::before {
    top: 0;
    transform: none;
  }

  .ez-accountant-en .ez-intl-trail > li:not(:last-child)::after {
    display: none;
  }

  .ez-accountant-en .ez-intl-trail > li:nth-child(2)::before {
    left: calc(50% + var(--ez-nodo) / 6);
    transform: translateX(-50%);
  }

  .ez-accountant-en .ez-intl-trail > li:nth-child(3)::before {
    left: calc(50% - var(--ez-nodo) / 6);
    transform: translateX(-50%);
  }

  .ez-accountant-en .ez-intl-trail > li:nth-child(4)::before {
    left: auto;
    right: 0;
  }

  /* Cada etiqueta bajo su nodo: la primera abre por la izquierda, la
     ultima cierra por la derecha, las dos interiores centradas. */
  .ez-accountant-en .ez-intl-trail > li:nth-child(2),
  .ez-accountant-en .ez-intl-trail > li:nth-child(3) {
    text-align: center;
  }

  .ez-accountant-en .ez-intl-trail > li:nth-child(4) {
    text-align: right;
  }
}

/* ------------------------------------------------------------
   HOW THE ENGAGEMENT WORKS — recorrido horizontal (ez-ed-ruta)
   ------------------------------------------------------------
   Tres momentos en una sola linea, sin capsulas 01/02/03 ni
   circulos numerados: el rotulo es el momento. */
.ez-accountant-en .ez-ed-ruta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: var(--sp-6);
  border-top: 2px solid var(--gold);
  margin: 0;
  list-style: none;
}

.ez-accountant-en .ez-ed-ruta > li {
  padding-right: var(--sp-8);
}

.ez-accountant-en .ez-ed-ruta > li + li {
  padding-left: var(--sp-8);
  border-left: 1px solid var(--ez-rule);
}

.ez-accountant-en .ez-ed-ruta__label {
  display: block;
  margin-bottom: var(--sp-3);
  color: var(--ez-gold-ink);
  font: 600 0.74rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ez-accountant-en .ez-ed-ruta h3 {
  margin: 0 0 var(--sp-3);
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

.ez-accountant-en .ez-ed-ruta p {
  margin: 0;
  max-width: 46ch;
  color: var(--gray-600);
  font-size: 0.98rem;
  line-height: 1.7;
}

@media (max-width: 900px) {
  .ez-accountant-en .ez-ed-ruta {
    grid-template-columns: 1fr;
    row-gap: var(--sp-6);
  }
  .ez-accountant-en .ez-ed-ruta > li {
    padding-right: 0;
  }
  .ez-accountant-en .ez-ed-ruta > li + li {
    padding-left: 0;
    padding-top: var(--sp-6);
    border-left: 0;
    border-top: 1px solid var(--ez-rule);
  }
}

/* ------------------------------------------------------------
   WHO REVIEWS YOUR CASE + WHERE WE WORK (ez-ed-lugar)
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed-lugar {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--sp-10);
  padding-top: var(--sp-6);
  border-top: 2px solid var(--gold);
}

.ez-accountant-en .ez-ed-lugar h2 {
  margin: 0 0 var(--sp-4);
  color: var(--navy);
  font-size: clamp(1.5rem, 2.6vw, 1.9rem);
  line-height: 1.2;
}

.ez-accountant-en .ez-ed-lugar p {
  margin: 0;
  max-width: 60ch;
  color: var(--gray-600);
  font-size: 0.98rem;
  line-height: 1.7;
}

.ez-accountant-en .ez-ed-lugar p + p {
  margin-top: var(--sp-4);
}

.ez-accountant-en .ez-ed-lugar__ficha {
  padding: var(--sp-5) var(--sp-6);
  background: var(--ez-cool);
  border: 1px solid var(--gray-100);
  border-radius: 2px;
}

.ez-accountant-en .ez-ed-lugar__datos {
  margin: 0;
}

.ez-accountant-en .ez-ed-lugar__ficha dt {
  margin-bottom: var(--sp-2);
  color: var(--gray-400);
  font: 600 0.72rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ez-accountant-en .ez-ed-lugar__ficha dd {
  margin: 0 0 var(--sp-4);
  color: var(--gray-600);
  font-size: 0.9rem;
  line-height: 1.6;
}

.ez-accountant-en .ez-ed-lugar__datos dd:last-of-type {
  margin-bottom: var(--sp-5);
}

.ez-accountant-en .ez-ed-lugar__acciones {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
}

.ez-accountant-en .ez-ed-lugar__acciones .ez-btn {
  flex: 1 1 175px;
  box-shadow: none;
  justify-content: center;
  text-align: center;
}

@media (max-width: 900px) {
  .ez-accountant-en .ez-ed-lugar {
    grid-template-columns: 1fr;
    gap: var(--sp-6);
  }
}

/* ------------------------------------------------------------
   FAQ — cuatro preguntas, visibles, sin acordeon (ez-ed-faq)
   ------------------------------------------------------------
   Estaticas en el DOM desde el primer pixel: sin <details> ni
   JavaScript de por medio. */
.ez-accountant-en .ez-ed-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--sp-12);
  row-gap: var(--sp-7);
}

.ez-accountant-en .ez-ed-faq__item {
  padding-top: var(--sp-5);
  border-top: 1px solid var(--ez-rule);
}

.ez-accountant-en .ez-ed-faq__item h3 {
  margin: 0 0 var(--sp-3);
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.35;
}

.ez-accountant-en .ez-ed-faq__item p {
  margin: 0;
  max-width: 60ch;
  color: var(--gray-600);
  font-size: 0.96rem;
  line-height: 1.68;
}

@media (max-width: 860px) {
  .ez-accountant-en .ez-ed-faq {
    grid-template-columns: 1fr;
    row-gap: var(--sp-6);
  }
}

/* ------------------------------------------------------------
   ENLACES DE TEXTO — blanco tactil de 24px
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed a:not(.ez-btn) {
  display: inline;
  padding-block: 3px;
  color: var(--navy);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 3px;
}

.ez-accountant-en .ez-ed a:not(.ez-btn):hover,
.ez-accountant-en .ez-ed a:not(.ez-btn):focus-visible {
  text-decoration-color: var(--navy);
}

/* ------------------------------------------------------------
   SOURCES AND SCOPE — nota al pie compartida
   ------------------------------------------------------------
   .ez-scope-note / .ez-article-disclaimer son globales: sin regla
   propia aca, se hereda el tratamiento ya aprobado en otras
   landings. */

/* ------------------------------------------------------------
   CTA FINAL
   ------------------------------------------------------------ */
.ez-accountant-en .ez-cta-light {
  background: var(--ez-cool);
  border-top: 1px solid rgba(205, 213, 224, 0.75);
  padding: var(--sp-10) 0;
}

.ez-accountant-en .ez-cta-light .ez-mid-cta__inner {
  width: min(var(--max-w), calc(100% - var(--side) * 2));
  max-width: none;
  margin-inline: auto;
  text-align: center;
}

.ez-accountant-en .ez-cta-light .ez-eyebrow {
  display: inline-block;
  margin: 0 auto var(--sp-4);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--navy);
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ez-accountant-en .ez-cta-light .ez-eyebrow::after {
  display: none;
}

.ez-accountant-en .ez-cta-light h2 {
  margin-inline: auto;
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 2.8vw, 2rem);
  font-weight: 600;
  line-height: 1.14;
  text-align: center;
}

.ez-accountant-en .ez-cta-light p {
  margin-inline: auto;
  margin-bottom: var(--sp-6);
  max-width: 62ch;
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.6;
  text-align: center;
}

.ez-accountant-en .ez-cta-light .ez-mid-cta__actions {
  justify-content: center;
}

.ez-accountant-en .ez-cta-light .ez-btn {
  box-shadow: none;
  font-family: var(--font-body);
  font-weight: 600;
}

/* ------------------------------------------------------------
   MOVIL
   ------------------------------------------------------------
   Cuerpo a 0,94rem con interlinea 1,6 o mas. Ningun control baja
   de 44px ni ningun enlace de 24px. */
@media (max-width: 640px) {
  .ez-accountant-en .ez-ed {
    padding: var(--sp-8) 0;
  }
  .ez-accountant-en .ez-ed__head {
    margin-bottom: var(--sp-6);
  }
  .ez-accountant-en .ez-ed__head p,
  .ez-accountant-en .ez-ed-quad p,
  .ez-accountant-en .ez-ed-list li,
  .ez-accountant-en .ez-ed-ruta p,
  .ez-accountant-en .ez-ed-lugar p,
  .ez-accountant-en .ez-ed-faq__item p,
  .ez-accountant-en .ez-intl-head__intro,
  .ez-accountant-en .ez-intl-nota__cuerpo p {
    font-size: 0.94rem;
    line-height: 1.62;
  }

  .ez-accountant-en .ez-page-hero {
    padding: var(--sp-10) 0;
  }
  .ez-accountant-en .ez-page-hero .ez-eyebrow {
    margin-bottom: var(--sp-4);
  }
  .ez-accountant-en .ez-hero-row {
    gap: var(--sp-5);
    margin-top: var(--sp-5);
    padding-top: var(--sp-5);
  }
  .ez-accountant-en .ez-page-hero h1 {
    font-size: clamp(1.6rem, 6.2vw, 2.1rem);
    max-width: none;
  }
  .ez-accountant-en .ez-page-hero__sub {
    font-size: 0.98rem;
  }
  .ez-accountant-en .ez-page-hero__actions {
    gap: var(--sp-2);
  }
  .ez-accountant-en .ez-page-hero__actions .ez-btn,
  .ez-accountant-en .ez-ed-lugar__acciones .ez-btn {
    width: 100%;
    max-width: 340px;
  }
  .ez-accountant-en .ez-cta-light {
    padding: var(--sp-10) 0;
  }
}

/* Linea de fuente al pie de una columna, en las paginas en ingles.
   Se agrega el 19/08/2026 con /en/uruguay-software-tax-exemption/.
   OJO: .ez-intl-nota NO sirve para esto. Es un recuadro marfil con
   filete dorado, pensado para destacar; una atribucion de fuente con
   esa clase se lee como si fuera la conclusion del bloque. */
.ez-accountant-en .ez-intl-fuente {
  margin: var(--sp-5) 0 0;
  color: var(--gray-400);
  font-size: 0.84rem;
  line-height: 1.6;
  max-width: none;
}

/* .ez-ed-quad es de cuatro columnas y la lista de servicios de software
   tiene SEIS: quedaban dos celdas vacias en la segunda fila y el bloque
   se leia incompleto. A tres columnas son dos filas parejas, que es
   ademas como se ve la misma lista en la version espanola
   (.ez-sw-servicios en software-exportacion.css). Solo aca. */
.ez-accountant-en #covered .ez-ed-quad {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
  .ez-accountant-en #covered .ez-ed-quad {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .ez-accountant-en #covered .ez-ed-quad {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   PATRONES PORTADOS DESDE LA HOJA ESPANOLA — 19/08/2026
   ------------------------------------------------------------
   Las paginas inglesas nuevas heredaron .ez-ed-faq, que se diseno
   para preguntas ESTATICAS en <article>: dos columnas donde la
   respuesta siempre esta a la vista. Al meterle <details> aparecia
   el triangulo nativo del navegador y ninguna de las dos columnas
   tenia el pliegue dorado del resto del sitio.

   Y las secciones de solo prosa (#entity, #sources) quedaban con el
   parrafo topado en 65ch por la regla global `p { max-width: 65ch }`
   dentro de un eje de 1200px: 544px muertos a la derecha, con cajas
   que si ocupaban el ancho entero y texto que no.

   No se inventa diseno: se porta el que ya esta aprobado en
   .ez-software-page. Los selectores cambian de prefijo y nada mas.
   ============================================================ */

/* ------------------------------------------------------------
   FAQ EN ACORDEON — modificador, no reemplazo
   ------------------------------------------------------------
   .ez-ed-faq sin el modificador sigue siendo la grilla estatica que
   usa /en/accountant-uruguay-expats/. Esa pagina no se toca.
   align-items:start es lo que evita que abrir una pregunta empuje de
   costado a la columna vecina.
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed-faq--accordion {
  row-gap: 0;
  align-items: start;
}

/* La version estatica pone filete arriba y aire en CADA item. En el
   acordeon el filete va abajo, y arriba solo en los dos primeros,
   que son los que abren cada columna. */
.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item {
  padding-top: 0;
  border-top: 0;
  border-bottom: 1px solid var(--ez-rule);
}

.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item:nth-child(-n + 2) {
  border-top: 1px solid var(--ez-rule);
}

.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item > summary {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-4);
  min-height: 44px;
  padding: var(--sp-4) 0;
  cursor: pointer;
  list-style: none;
}

.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item > summary::-webkit-details-marker {
  display: none;
}

/* El pliegue dorado: un cuadrado sin dos lados, girado. Apunta a la
   derecha cerrado y hacia abajo abierto. */
.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item > summary::before {
  content: "";
  flex: 0 0 auto;
  margin-top: 0.42em;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid var(--gold);
  border-bottom: 1.5px solid var(--gold);
  transform: rotate(-45deg);
  transform-origin: 55% 55%;
  transition: transform 0.18s ease;
}

.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item[open] > summary::before {
  transform: rotate(45deg);
}

.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item h3 {
  margin: 0;
  font-size: 1.06rem;
  line-height: 1.4;
}

.ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item > summary:hover h3 {
  color: var(--navy-light, #164a7d);
}

/* La sangria del cuerpo alinea la respuesta con la pregunta y no con
   el pliegue: 7px del cuadrado mas el gap. */
.ez-accountant-en .ez-ed-faq__body {
  padding: 0 0 var(--sp-4) calc(7px + var(--sp-4));
}

.ez-accountant-en .ez-ed-faq__body p {
  margin: 0;
  max-width: 62ch;
  color: var(--gray-600);
  font-size: 0.96rem;
  line-height: 1.7;
}

@media (prefers-reduced-motion: reduce) {
  .ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item > summary::before {
    transition: none;
  }
}

@media (max-width: 860px) {
  .ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item:nth-child(-n + 2) {
    border-top: 0;
  }
  .ez-accountant-en .ez-ed-faq--accordion > .ez-ed-faq__item:first-child {
    border-top: 1px solid var(--ez-rule);
  }
}

/* ------------------------------------------------------------
   DOS PERFILES + EJE — para secciones de prosa comparativa
   ------------------------------------------------------------
   Resuelve el hueco de #entity. Dos columnas separadas por un filete
   central, con subgrid para que los titulos y las definiciones
   compartan renglon aunque uno ocupe dos lineas. Sin subgrid cada
   columna fluye por su cuenta: se degrada, no se rompe.

   column-gap 0 a proposito: la distancia la ponen los paddings
   simetricos, asi queda un solo filete y dos medidas utiles iguales.
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed-perfiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto 1fr;
  column-gap: 0;
}

@supports (grid-template-rows: subgrid) {
  .ez-accountant-en .ez-ed-perfil {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    row-gap: var(--sp-4);
  }
}

.ez-accountant-en .ez-ed-perfil {
  padding-right: var(--sp-10);
}

.ez-accountant-en .ez-ed-perfil + .ez-ed-perfil {
  padding-right: 0;
  padding-left: var(--sp-10);
  border-left: 1px solid var(--ez-rule);
}

.ez-accountant-en .ez-ed-perfil h3 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

/* max-width:none es el punto de todo el bloque: anula el 65ch global
   para que el parrafo llegue al filete y no muera a mitad de columna. */
.ez-accountant-en .ez-ed-perfil p {
  margin: 0;
  max-width: none;
  color: var(--gray-600);
  font-size: 0.96rem;
  line-height: 1.7;
}

@supports not (grid-template-rows: subgrid) {
  .ez-accountant-en .ez-ed-perfil h3,
  .ez-accountant-en .ez-ed-perfil__def {
    margin-bottom: var(--sp-4) !important;
  }
}

.ez-accountant-en .ez-ed-perfil__def {
  color: var(--gray-400) !important;
  font-size: 0.92rem !important;
}

/* Cierre del bloque, sobre las dos columnas. El <span> no es adorno:
   la caja ocupa los 1200px y el renglon se topa adentro en 74ch. Sin
   el, el texto correria el eje entero y dejaria de ser un parrafo. */
.ez-accountant-en .ez-ed-eje {
  margin: var(--sp-8) 0 0;
  padding: var(--sp-5) var(--sp-6);
  max-width: none;
  background: var(--ez-cool);
  border-left: 3px solid var(--gold);
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 1.05rem;
  line-height: 1.55;
}

.ez-accountant-en .ez-ed-eje > span {
  display: block;
  max-width: 74ch;
}

@media (max-width: 860px) {
  .ez-accountant-en .ez-ed-perfiles {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  @supports (grid-template-rows: subgrid) {
    .ez-accountant-en .ez-ed-perfil {
      display: block;
      grid-row: auto;
    }
    /* El !important no es adorno: `.ez-ed-perfil p { margin: 0 }` lleva
       un selector de tipo y le gana en especificidad a __def. Sin esto,
       apilados, definicion y desarrollo quedan pegados. */
    .ez-accountant-en .ez-ed-perfil h3,
    .ez-accountant-en .ez-ed-perfil__def {
      margin-bottom: var(--sp-4) !important;
    }
  }
  .ez-accountant-en .ez-ed-perfil {
    padding-right: 0;
  }
  .ez-accountant-en .ez-ed-perfil + .ez-ed-perfil {
    margin-top: var(--sp-6);
    padding-left: 0;
    padding-top: var(--sp-6);
    border-left: 0;
    border-top: 1px solid var(--ez-rule);
  }
  .ez-accountant-en .ez-ed-eje {
    margin-top: var(--sp-6);
    padding: var(--sp-4) var(--sp-5);
  }
}

/* ------------------------------------------------------------
   FUENTES Y REVISION — cuerpo a la izquierda, ficha a la derecha
   ------------------------------------------------------------
   Resuelve el hueco de #sources. Antes el intro moria en 656px, la
   lista en 601px y la firma en 656px dentro de un eje de 1200: tres
   medidas distintas y ninguna llegaba al borde. Ahora la firma se va
   a una ficha lateral y ocupa el hueco que sobraba.
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed-legal {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: var(--sp-10);
}

.ez-accountant-en .ez-ed-legal h2 {
  margin: 0 0 var(--sp-4);
  color: var(--navy);
  font-size: 1.3rem;
  line-height: 1.25;
}

.ez-accountant-en .ez-ed-legal > div > p {
  margin: 0;
  max-width: 70ch;
  color: var(--gray-600);
  font-size: 0.94rem;
  line-height: 1.7;
}

.ez-accountant-en .ez-ed-src {
  display: grid;
  margin: var(--sp-5) 0 0;
  padding: 0;
  border-top: 1px solid var(--ez-rule);
  list-style: none;
}

.ez-accountant-en .ez-ed-src > li {
  padding: var(--sp-3) 0;
  border-bottom: 1px solid var(--ez-rule);
}

.ez-accountant-en .ez-ed-src > li > span {
  display: block;
  max-width: 64ch;
  color: var(--gray-600);
  font-size: 0.86rem;
  line-height: 1.55;
}

/* Aclaracion al pie del listado: gris y chica, para que no compita con
   las fuentes. El !important es porque `.ez-ed-legal > div > p` la
   alcanza por selector de hijo y le gana en especificidad. */
.ez-accountant-en .ez-ed-src__nota {
  margin-top: var(--sp-4) !important;
  color: var(--gray-400) !important;
  font-size: 0.86rem !important;
}

.ez-accountant-en .ez-ed-legal__ficha {
  align-self: start;
  padding: var(--sp-5) var(--sp-6);
  background: var(--ez-cool);
  border: 1px solid var(--gray-100);
  border-radius: 2px;
}

.ez-accountant-en .ez-ed-legal__ficha dt {
  margin-bottom: var(--sp-2);
  color: var(--gray-400);
  font: 600 0.72rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ez-accountant-en .ez-ed-legal__ficha dd {
  margin: 0 0 var(--sp-4);
  color: var(--gray-600);
  font-size: 0.9rem;
  line-height: 1.6;
}

.ez-accountant-en .ez-ed-legal__ficha dd:last-child {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  .ez-accountant-en .ez-ed-legal {
    grid-template-columns: 1fr;
    gap: var(--sp-6);
  }
}


.ez-accountant-en p + .ez-ed-list {
  margin-top: var(--sp-4);
}

/* ------------------------------------------------------------
   PREGUNTAS DE FAQ — el renglon se llena antes de cortar
   ------------------------------------------------------------
   La hoja global trae `h1, h2, h3 { text-wrap: balance }`. En un titular
   esta bien: evita que la ultima linea quede con una palabra sola. En una
   pregunta de FAQ hace otra cosa: parte el texto en dos mitades parejas y
   deja el renglon a la mitad del ancho disponible.

   Medido el 19/08/2026 en "¿Una empresa unipersonal puede acceder a la
   exoneracion de IRAE del software?": caja de 553px, renglones de 310 y
   292. Se leia como que la pregunta no usa la columna, y es exactamente
   lo que se ve.

   `wrap` es el valor por defecto de la propiedad: llena el renglon y
   corta cuando no entra. Solo para las preguntas; los titulos de seccion
   siguen balanceados, que ahi si conviene.
   ------------------------------------------------------------ */
.ez-accountant-en .ez-ed-faq__item h3 {
  text-wrap: wrap;
}

/* Repasada 20/08: el kicker del CTA final era el unico gris; pasa al
   dorado de tinta del sistema, como en las paginas de software. */
.ez-accountant-en .ez-cta-light .ez-eyebrow {
  color: var(--ez-gold-ink, #6b4f16);
}