/* ===========================================================================
   Evolución de la Deuda Neta Consolidada — 1S 2026
   Figma: A7xWq9jgrrMdgQZ0BHY8TM
     · 16672:481 (565-ES) · 16665:2   (290-ES)
     · 16672:402 (565-EN) · 16672:266 (290-EN)
   Correcciones indicadas sobre el HTML: sección 16685:119 (frames ES idénticos
   a los de arriba; las tres imágenes que trae son capturas del «antes»).

   DESVIACIÓN AUTORIZADA (D01): las notas al pie NO replican los saltos de línea
   manuales que Figma les mete a 290. El nº de líneas y el alto del bloque sí
   coinciden (7 líneas, 107,4 frente a los 108 de Figma); lo que cambia es qué
   palabra cae en cada línea. La pieza es fluida de 290 a 519 y un salto duro
   dentro de un párrafo de prosa deja líneas cortas a 375, 430 o 480. Las
   etiquetas del gráfico sí llevan saltos por breakpoint (`.ndevo_bd` /
   `.ndevo_bm`) porque son rótulos cortos de ancho fijo, no prosa.

   El gráfico es una FILA FLUIDA de 9 posiciones, no un lienzo con posiciones
   absolutas: las nueve celdas son tracks con `flex-basis:0` y `flex-grow`
   proporcional a los anchos de Figma, así el reparto es proporcional a
   cualquier ancho (con `flex:0 0 auto` sólo se repartiría el sobrante y las
   posiciones saldrían clavadas a 666 y descuadradas en todo lo demás).
   =========================================================================== */

@font-face{font-family:'IberPangea';src:url(/wcorp/gc/prod/es_ES/estaticos/evolucion-deuda-neta/fonts/IberPangea-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'IberPangea';src:url(/wcorp/gc/prod/es_ES/estaticos/evolucion-deuda-neta/fonts/IberPangea-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'IberPangea';src:url(/wcorp/gc/prod/es_ES/estaticos/evolucion-deuda-neta/fonts/IberPangea-SmBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'IberPangea Text';src:url(/wcorp/gc/prod/es_ES/estaticos/evolucion-deuda-neta/fonts/IberPangeaText-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'IberPangea Text';src:url(/wcorp/gc/prod/es_ES/estaticos/evolucion-deuda-neta/fonts/IberPangeaText-SmBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'IberPangea Text';src:url(/wcorp/gc/prod/es_ES/estaticos/evolucion-deuda-neta/fonts/IberPangeaText-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap;}

/* ===== Tokens ===== */
#ndevo{
  --nd-forest:#00402A;
  --nd-white:#FFFFFF;
  --nd-sand1:#FFFEFF;
  --nd-sand3:#D8CFC7;
  --nd-sand7:#3A3735;    /* deltas que SUMAN */
  --nd-green1:#007F33;   /* cabecera · deltas que RESTAN · barra 51.900 */
  --nd-green2:#008C39;   /* barra 50.300 */
  --nd-green:#00A443;    /* barra 50.200 */
  --nd-forest1:#DCEBE1;
}

/* ===========================================================================
   Aislamiento frente al theme de Liferay. `inherit` ES una declaración, así que
   gana al theme y conserva el valor del padre → cero cambio visual.
   NO va aquí `font-family:… !important` (el reset de la pieza antigua): su
   `!important` ganaría a todo el CSS de abajo.
   =========================================================================== */
#ndevo *{color:inherit; font:inherit; letter-spacing:inherit;
         text-align:inherit; text-transform:inherit; white-space:inherit;
         text-indent:0; text-decoration:none; margin:0; padding:0;}
#ndevo ul,#ndevo ol,#ndevo li{list-style:none;}
#ndevo li::marker{content:none;}
#ndevo li::before{content:'' !important; display:none !important; margin:0 !important;}
#ndevo *::before,#ndevo *::after{margin:0; padding:0; text-indent:0;
                                 letter-spacing:inherit; text-transform:inherit;}
#ndevo img{display:block; max-width:100%;}
#ndevo sup{vertical-align:baseline;}
/* Las barras SÍ usan pseudo-elementos con `content` propio: se reponen abajo. */

/* ===== Raíz ===== */
#ndevo{
  box-sizing:border-box;
  width:100%;
  max-width:980px;
  margin:20px auto;               /* se conserva el de producción (D07) */
  background:var(--nd-white);
  border-radius:15px;
  box-shadow:inset 0 0 0 1px var(--nd-sand3);
  font-family:'IberPangea',Arial,sans-serif;
  font-weight:400;
  color:var(--nd-forest);
  text-align:left;
  container-type:inline-size;
  container-name:nd;
}
#ndevo *{box-sizing:border-box;}

/* `@container` NO reestila su propio contenedor → el padding vive aquí dentro */
#ndevo .ndevo_in{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:16px;
}

/* ===== Entradilla ===== */
/* La entradilla NO mide igual en los dos frames: 16/20 a 290 y 18/22 a 565. */
#ndevo .ndevo_lead{
  font-family:'IberPangea',Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:20px;
  color:var(--nd-forest);
}
#ndevo .ndevo_lead strong{font-weight:600;}

/* ===== Caja ===== */
#ndevo .ndevo_box{
  border-radius:16px;
  /* `outline`, no `box-shadow:inset`: el inset se pinta DEBAJO del fondo de los
     hijos y la cabecera verde y el cuerpo blanco lo tapaban entero. El outline
     se pinta el último, por encima de los descendientes, y con offset negativo
     queda dentro de la caja sin consumir layout. */
  outline:1px solid var(--nd-sand3);
  outline-offset:-1px;
  overflow:hidden;
}
#ndevo .ndevo_head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 16px;
  background:var(--nd-green1);
}
#ndevo .ndevo_head_i{width:25.659px; height:23.12px; flex:0 0 auto;}
#ndevo .ndevo_head_t{
  flex:1 1 auto;
  font-family:'IberPangea',Arial,sans-serif;
  font-weight:500;
  font-size:18px;
  line-height:22px;
  text-align:center;
  /* En móvil el theme pinta los títulos con color:#427314 !important */
  color:var(--nd-sand1) !important;
}

#ndevo .ndevo_body{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:16px 10px;
  background:var(--nd-white);
}

/* Pastilla de unidad */
#ndevo .ndevo_unit{padding:0 6px;}
#ndevo .ndevo_unit_p{
  display:inline-block;
  background:var(--nd-forest1);
  border-radius:8px;
  padding:4px 8px;
  font-family:'IberPangea Text',Arial,sans-serif;
  font-weight:600;
  font-size:13px;
  line-height:20px;
  color:var(--nd-forest);
}

/* ===========================================================================
   Waterfall
   =========================================================================== */
#ndevo .ndevo_wf{
  display:flex;
  align-items:flex-start;
  gap:0;                 /* cualquier gap sale del espacio libre y desplaza
                            todos los bordes izquierdos */
  width:100%;
}
#ndevo .ndevo_p{
  min-width:0;           /* sin esto, el min-content del texto pone un suelo y
                            rompe la proporcionalidad en los anchos estrechos */
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}

/* ---- Barras --------------------------------------------------------------
   Dos diagonales, no un rayado: son exactamente dos, idénticas en las tres
   barras y ancladas al FONDO (centros a 34,791 y 21,934). Por eso no vale un
   `repeating-linear-gradient` (repetiría y su fase dependería del alto). Se
   pintan con dos pseudo-elementos rotados, cuyo `height` equivale al
   `stroke-width` del SVG. */
#ndevo .ndevo_bar{
  position:relative;
  flex:0 0 auto;
  border-radius:6.05062px;
  overflow:hidden;
}
#ndevo .ndevo_bar::before,
#ndevo .ndevo_bar::after{
  content:'';
  position:absolute;
  left:0;
  width:var(--nd-dl);
  height:0.756328px;
  background:var(--nd-sand1);
  transform-origin:0 50%;
  transform:rotate(var(--nd-da));
}
#ndevo .ndevo_bar::before{bottom:34.413px;}   /* 34,791 − 0,378 */
#ndevo .ndevo_bar::after {bottom:21.556px;}   /* 21,934 − 0,378 */
/* Sólo dos barras en este diseño: la de partida y la de cierre. */
#ndevo .ndevo_bar--a{background:var(--nd-green);}   /* 50,2 · FY 2025 */
#ndevo .ndevo_bar--b{background:var(--nd-green1);}  /* 54,0 · 1S 2026 */

/* ---- Valor sobre la barra y etiqueta bajo ella --------------------------- */
#ndevo .ndevo_v{
  width:52px;            /* el nodo del valor mide 52 en las tres barras; con el
                            ancho del track el texto se centraba sobre otra caja */
  font-family:'IberPangea Text',Arial,sans-serif;
  font-weight:600;
  font-size:12.101px;
  line-height:15.127px;
  color:var(--nd-forest);
  text-align:center;
}
#ndevo .ndevo_lb{
  font-family:'IberPangea Text',Arial,sans-serif;
  font-weight:400;
  font-size:12px;
  line-height:15.127px;
  color:var(--nd-forest);
  text-align:center;
  white-space:nowrap;
}
#ndevo .ndevo_p--bar .ndevo_v{margin-bottom:12.101px;}
#ndevo .ndevo_p--bar .ndevo_lb{margin-top:12.101px;}

/* ---- Cajas de valor de los deltas ---------------------------------------
   El alto es explícito, no derivado del padding: Figma lo fija a mano
   (40 / 41 / 20 / 18 / 17) y se ve en el render. */
#ndevo .ndevo_val{
  display:flex;
  align-items:center;
  justify-content:center;
  width:57px;
  height:var(--nd-vh,24.87px);
  padding:0 8px;
  border:1px solid currentColor;
  border-radius:5.081px;
  font-family:'IberPangea Text',Arial,sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:12.703px;
  text-align:center;
  white-space:nowrap;
}
#ndevo .ndevo_p--sub{color:var(--nd-green1);}
#ndevo .ndevo_p--add{color:var(--nd-sand7);}
#ndevo .ndevo_p--sub .ndevo_lb,
#ndevo .ndevo_p--add .ndevo_lb{color:var(--nd-forest);}

/* `Otros` no lleva caja cerrada: el valor va suelto sobre una barra hueca */
#ndevo .ndevo_val--open{
  display:block;
  width:57.493px;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  line-height:12.703px;
  position:relative;
  padding-bottom:12px;             /* 4 de gap + 8 de la barra hueca */
}
#ndevo .ndevo_val--open::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:0;
  height:8px;
  border:1px solid currentColor;
  border-radius:5.081px;
}

/* ---- Conector ------------------------------------------------------------ */
#ndevo .ndevo_cx{
  width:1px;
  height:var(--nd-cx,18px);
  background:currentColor;
  flex:0 0 auto;
}
#ndevo .ndevo_p--sub .ndevo_cx,
#ndevo .ndevo_p--add .ndevo_cx{margin-bottom:6px;}
/* Excepción a 290: en `FFO ajustado` la etiqueta va pegada al conector (en
   Figma `Frame 152` no tiene gap y la etiqueta arranca en 76). A 565 el hueco
   de 6 vuelve, y se repone en el bloque de escritorio. */
#ndevo .ndevo_p2 .ndevo_cx{margin-bottom:0;}
/* Y su conector se centra sobre el bloque interior de 22 (Figma: x=43), no
   sobre el track de 24. A 565 sí va al centro del bloque: se repone abajo. */
#ndevo .ndevo_p2 .ndevo_cx{left:calc(var(--nd-dx) - 1px);}

#ndevo .ndevo_ref{font-size:7.74px; line-height:0; position:relative; top:-0.5em;}

/* ---- Saltos de línea por breakpoint --------------------------------------
   Figma parte la entradilla y las etiquetas de las barras en sitios DISTINTOS
   a 290 y a 565 (no es el mismo texto envolviendo en otro ancho: son saltos
   manuales diferentes), así que hay `<br>` marcados por frame:
     `.ndevo_bd` sólo en escritorio · `.ndevo_bm` sólo en móvil.
   `display:none` es lo único que desactiva el salto de un `<br>`; reponer su
   `display:inline` normal lo vuelve a activar. */
#ndevo .ndevo_bd{display:none;}

/* ===== Notas ===== */
#ndevo .ndevo_notes{display:flex; flex-direction:column; gap:1.5127px;}
#ndevo .ndevo_note{display:flex; gap:4px; align-items:flex-start;}
#ndevo .ndevo_note_n,
#ndevo .ndevo_note_t{
  font-family:'IberPangea Text',Arial,sans-serif;
  font-weight:400;
  font-size:12px;
  line-height:15.127px;
  color:var(--nd-forest);
}
/* El marcador va pegado a la derecha de su hueco: en Figma las notas son un
   `<ol>` con marcador fuera, que se alinea contra el borde del texto (≈30 en el
   frame de 565); a la izquierda del hueco quedaba 6px corrido. */
#ndevo .ndevo_note_n{flex:0 0 auto; width:14px; text-align:right;}
#ndevo .ndevo_note_t{flex:1 1 auto; min-width:0;}

/* ===== Sólo para lectores de pantalla ===== */
#ndevo .ndevo_sr{
  position:absolute;
  width:1px; height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}

/* ===========================================================================
   MÓVIL (por defecto) — frame de 290. Interior 258, lienzo 238 × 289.
   Tracks: 32 · 24 · 41 · 31 · 26 · 26 · 8 · 50   (suman 238)

   ALTO DEL LIENZO: 289, no 253. En Figma el área de dibujo (`Group 10`) es una
   rejilla de 289 en la que `Frame 138` —las siete posiciones que no son
   «Otros»— entra con `margin-top:36`, y «Otros» (`Frame 150`) va arriba, a 0.
   Tomar los 253 de `Frame 138` como lienzo dejaba todo el waterfall 36px alto
   y la caja 36 corta (393 en vez de 429), con «Otros» metido en la banda de la
   pastilla «M Eur». Por eso el lienzo son 289 y las siete posiciones llevan
   +36 en su `margin-top`; «Otros» pasa a 0 y desaparece el margen negativo.
   =========================================================================== */
#ndevo .ndevo_wf{height:289px;}
#ndevo .ndevo_p1{flex:32 0 0; margin-top:92px;  align-items:flex-start;}
#ndevo .ndevo_p2{flex:24 0 0; margin-top:120px;}
#ndevo .ndevo_p3{flex:41 0 0; margin-top:79px;  flex-direction:column-reverse;}
#ndevo .ndevo_p4{flex:31 0 0; margin-top:52px;  flex-direction:column-reverse;}
#ndevo .ndevo_p5{flex:26 0 0; margin-top:99px;}
#ndevo .ndevo_p6{flex:26 0 0; margin-top:23px;  flex-direction:column-reverse;}
#ndevo .ndevo_p7{flex:8 0 0;  margin-top:0;     flex-direction:column-reverse;}
#ndevo .ndevo_p8{flex:50 0 0; margin-top:58px;  align-items:flex-end;}

/* A 290 el hueco entre la caja y las notas es 8, no los 16 del resto de la
   columna (Figma: `Frame 153`, `gap:8`). A 565 vuelve a 16. */
#ndevo .ndevo_notes{margin-top:-8px;}

#ndevo .ndevo_bar--a{width:25px; height:111px; --nd-dl:44.093px; --nd-da:-55.450deg;}
#ndevo .ndevo_bar--b{width:25px; height:145px; --nd-dl:44.093px; --nd-da:-55.450deg;}

/* Centrado sobre el BLOQUE de Figma, no sobre el track. Cada bloque arranca en
   el borde izquierdo de su track, pero sus hijos van centrados sobre el bloque;
   como bloque y track no miden lo mismo, se corrige el centro con
   `dx = (ancho del bloque − ancho del track) / 2`.
   Va con `position:relative`, NUNCA con padding: con `flex-basis:0` el padding
   se suma al tamaño del track y descoloca las ocho posiciones. */
#ndevo .ndevo_p > *{position:relative; left:var(--nd-dx,0);}
#ndevo .ndevo_p2{--nd-dx:0px;}      /* bloque 24 · track 24 */
#ndevo .ndevo_p3{--nd-dx:-5.5px;}   /* bloque 30 · track 41 */
#ndevo .ndevo_p4{--nd-dx:-6.5px;}   /* bloque 18 · track 31 */
#ndevo .ndevo_p5{--nd-dx:-2px;}     /* bloque 22 · track 26 */
#ndevo .ndevo_p6{--nd-dx:-2px;}     /* bloque 22 · track 26 */
#ndevo .ndevo_p7{--nd-dx:12px;}     /* bloque 32 · track 8  */
#ndevo .ndevo_p8{--nd-dx:2px;}      /* bloque 52 · track 50, alineado a la derecha */

/* Alto de la caja girada (grosor) y largo del conector, por posición */
#ndevo .ndevo_p2{--nd-vh:22px; --nd-cx:19px;   --nd-lw:53px;}
#ndevo .ndevo_p3{--nd-vh:22px; --nd-cx:21px;   --nd-lw:60px;}
/* Conector de 35, el del nodo. Antes iba a 55 para compensar: el bloque de
   Capex es el único con `h-129` + `justify-end`, así que su contenido NO
   arranca en el borde del bloque (44) sino 8 más abajo (52). Con el
   `margin-top` corregido a 52 y el hueco de 14 que pide Figma entre etiqueta y
   conector, el 35 cuadra y no choca con nada. */
#ndevo .ndevo_p4{--nd-vh:31px; --nd-cx:35px;   --nd-lw:43px;}
#ndevo .ndevo_p5{--nd-vh:17px; --nd-cx:29px;   --nd-lw:79px;}
#ndevo .ndevo_p6{--nd-vh:17px; --nd-cx:29px;   --nd-lw:53px;}
#ndevo .ndevo_p7{--nd-cx:58.5px; --nd-lw:32px;}
#ndevo.ndevo-en .ndevo_p5{--nd-lw:112px;}
#ndevo.ndevo-en .ndevo_p6{--nd-lw:51px;}
/* OJO con el marco de referencia: `Otros` (`Frame 150`) es el único bloque que
   cuelga FUERA de `Frame 138`, así que su x de Figma va respecto al cuerpo y no
   respecto al lienzo — hay que restarle los 10 del inset. Sobre el lienzo:
   valor 180..212, etiqueta 185..217 y conector en 201 (centrado sobre la
   ETIQUETA, no sobre la barra hueca, que va en 196,7..205,3). */
#ndevo .ndevo_p7 .ndevo_cx,
#ndevo .ndevo_p7 .ndevo_lb{left:17px;}

#ndevo .ndevo_lb{white-space:normal; width:var(--nd-lw,auto);}
/* Las etiquetas de las barras SÍ envuelven (antes iban `nowrap` con saltos
   fijos): a 290 miden 101 y 130 y caben en dos líneas. */
#ndevo .ndevo_p1{--nd-lw:101px;}
#ndevo .ndevo_p8{--nd-lw:130px;}
#ndevo .ndevo_p1 .ndevo_lb{text-align:left;}
#ndevo .ndevo_p8 .ndevo_lb{text-align:right;}
#ndevo .ndevo_p8 .ndevo_v{text-align:right;}
/* La cifra de la barra de inicio se alinea con SU barra (25), no con el bloque
   de 52: centrada en el bloque quedaba a la derecha de la barra. */
#ndevo .ndevo_p1 .ndevo_v{text-align:left;}
/* `FFO ajustado` arranca en el borde izquierdo de su bloque (Figma: x=0, w=53).
   Centrada sobre un bloque de 24 se montaba sobre la primera barra. */
#ndevo .ndevo_p2 .ndevo_lb{align-self:flex-start; text-align:left;}

/* Giro de las cajas de valor. `:not(.ndevo_val--open)` es imprescindible: la
   variante hueca de `Otros` se gira aparte y con `height:auto`. */
#ndevo .ndevo_p--sub .ndevo_val:not(.ndevo_val--open),
#ndevo .ndevo_p--add .ndevo_val:not(.ndevo_val--open){
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  width:var(--nd-vh,25px);
  height:57px;
  padding:8px 0;
}

/* En column-reverse el margen del conector tiene que ir al otro lado */
#ndevo .ndevo_p3 .ndevo_cx,
#ndevo .ndevo_p4 .ndevo_cx,
#ndevo .ndevo_p6 .ndevo_cx,
#ndevo .ndevo_p7 .ndevo_cx{margin-bottom:0; margin-top:6px;}
/* En Capex el hueco entre etiqueta y conector es 14, no 6 (Figma `Frame 143`). */
#ndevo .ndevo_p4 .ndevo_cx{margin-top:14px;}

/* `Otros`: el valor gira con su barra hueca. En 290 el bloque de Figma mide
   32 de grosor (texto 13 + hueco 4 + barra 8, y 7 de holgura al final), no los
   ~25 que sale de forma natural: sin fijarlo, la huella tras el giro queda 7
   más estrecha y el bloque cae 3,66 a la derecha de donde toca.
   Huella final: 32 × 57,493. */
#ndevo .ndevo_p7 .ndevo_val--open{
  writing-mode:horizontal-tb;
  transform:rotate(-90deg);
  transform-origin:50% 50%;
  width:57.493px;
  height:32px;
  margin:12.7465px -12.7465px;
}
#ndevo .ndevo_p7 .ndevo_val--open::after{bottom:7px;}

/* ===========================================================================
   ESCRITORIO — frame de 565. Interior 517, lienzo 485.
   Tracks: 58,71 · 60,25 · 67 · 53 · 64 · 65 · 64 · 53,04   (suman 485)
   =========================================================================== */
@container nd (min-width: 520px){

  #ndevo .ndevo_in{padding:24px;}
  #ndevo .ndevo_head{padding:10px;}
  #ndevo .ndevo_head_t{flex:0 0 auto;}
  #ndevo .ndevo_body{padding:16px;}

  #ndevo .ndevo_lead{font-size:18px; line-height:22px;}
  #ndevo .ndevo_notes{margin-top:0;}
  #ndevo .ndevo_bd{display:inline;}
  /* #ndevo .ndevo_bm{display:none;} */

  #ndevo .ndevo_wf{height:197.101px;}
  #ndevo .ndevo_p1{flex:58.71 0 0; margin-top:0;     align-items:flex-start;}
  #ndevo .ndevo_p2{flex:60.25 0 0; margin-top:26px;  flex-direction:column;}
  #ndevo .ndevo_p3{flex:67 0 0;    margin-top:67px;  flex-direction:column;}
  #ndevo .ndevo_p4{flex:53 0 0;    margin-top:64px;  flex-direction:column;}
  #ndevo .ndevo_p5{flex:64 0 0;    margin-top:49px;  flex-direction:column;}
  #ndevo .ndevo_p6{flex:65 0 0;    margin-top:30px;  flex-direction:column;}
  #ndevo .ndevo_p7{flex:64 0 0;    margin-top:1px;   flex-direction:column;}
  #ndevo .ndevo_p8{flex:53.04 0 0; margin-top:-28px; align-items:flex-start;}

  #ndevo .ndevo_bar--a{width:52px; height:111px; --nd-dl:63.419px; --nd-da:-34.923deg;}
  #ndevo .ndevo_bar--b{width:53px; height:140px; --nd-dl:64.242px; --nd-da:-34.416deg;}

  /* A 565 la pastilla arranca a ras del lienzo (a 290 va 6px dentro).
     El contenedor mide 52 en los dos idiomas pero la pastilla no (`M Eur` 51,
     `Eur Bn` 56): `flex:0 0 auto` para que no encoja y parta en dos líneas. */
  #ndevo .ndevo_unit{width:52px; padding:0; display:flex; justify-content:center;}
  #ndevo .ndevo_unit_p{flex:0 0 auto; white-space:nowrap;}

  /* Las cajas vuelven a su orientación normal. OJO: hay que reponer TAMBIÉN el
     `height`; un `@container` no añade especificidad, así que la regla del giro
     (1-2-0) seguiría imponiendo sus 57px. */
  #ndevo .ndevo_p--sub .ndevo_val:not(.ndevo_val--open),
  #ndevo .ndevo_p--add .ndevo_val:not(.ndevo_val--open){
    writing-mode:horizontal-tb;
    transform:none;
    width:57px;
    height:var(--nd-vh);
    padding:0 8px;
  }
  #ndevo .ndevo_p2{--nd-vh:40px;}
  #ndevo .ndevo_p3{--nd-vh:27px;}
  #ndevo .ndevo_p4{--nd-vh:36px;}
  #ndevo .ndevo_p5{--nd-vh:18px;}
  #ndevo .ndevo_p6{--nd-vh:18px;}
  #ndevo .ndevo_p2,#ndevo .ndevo_p3,#ndevo .ndevo_p4,
  #ndevo .ndevo_p5,#ndevo .ndevo_p6,#ndevo .ndevo_p7{--nd-cx:18px;}

  #ndevo .ndevo_p2 .ndevo_cx,#ndevo .ndevo_p3 .ndevo_cx,
  #ndevo .ndevo_p4 .ndevo_cx,#ndevo .ndevo_p6 .ndevo_cx,
  #ndevo .ndevo_p7 .ndevo_cx{margin-top:0; margin-bottom:6px;}

  #ndevo .ndevo_p7 .ndevo_val--open{
    transform:none; margin:0; width:57.493px; height:auto;
  }
  /* La barra hueca vuelve al fondo de la caja (a 290 va 7 dentro, porque alli
     la caja mide 32 y no 24,7). Sin esto se pintaba ENCIMA de la cifra. */
  #ndevo .ndevo_p7 .ndevo_val--open::after{bottom:0;}
  /* Y el conector y la etiqueta de `Otros` vuelven al centro del bloque. */
  #ndevo .ndevo_p7 .ndevo_cx,
  #ndevo .ndevo_p7 .ndevo_lb,
  #ndevo .ndevo_p2 .ndevo_cx{left:var(--nd-dx);}

  /* `50,2` va CENTRADA sobre su barra: a 565 la barra mide 52, lo mismo que la
     caja de la cifra. A 290 la barra son 25 sobre una caja de 52 y va a la
     izquierda, y ese `text-align:left` se colaba aquí. */
  #ndevo .ndevo_p1 .ndevo_v{text-align:center;}
  /* `FFO ajustado` vuelve a centrarse en su bloque (Figma: x=4 de 57 con la
     etiqueta de 49). El `flex-start` es sólo del frame de 290. */
  #ndevo .ndevo_p2 .ndevo_lb{align-self:center; text-align:center;}

  /* Anchos de etiqueta del frame de 565 */
  #ndevo .ndevo_p2{--nd-lw:49px;}
  #ndevo .ndevo_p3{--nd-lw:58px;}
  #ndevo .ndevo_p4{--nd-lw:43px;}
  #ndevo .ndevo_p5{--nd-lw:79px;}
  #ndevo .ndevo_p6{--nd-lw:53px;}
  #ndevo .ndevo_p7{--nd-lw:33px;}
  #ndevo .ndevo_p1{--nd-lw:83px;}
  #ndevo .ndevo_p8{--nd-lw:67px;}
  #ndevo.ndevo-en .ndevo_p2{--nd-lw:53px;}
  #ndevo.ndevo-en .ndevo_p3{--nd-lw:44px;}
  #ndevo.ndevo-en .ndevo_p5{--nd-lw:79px;}
  #ndevo.ndevo-en .ndevo_p6{--nd-lw:51px;}
  #ndevo.ndevo-en .ndevo_p8{--nd-lw:54px;}
  /* Mismo cálculo con los bloques y tracks del frame de 565 */
  #ndevo .ndevo_p2{--nd-dx:-1.625px;}  /* 57 · 60,25 */
  #ndevo .ndevo_p3{--nd-dx:-5px;}      /* 57 · 67    */
  #ndevo .ndevo_p4{--nd-dx:2px;}       /* 57 · 53    */
  #ndevo .ndevo_p5{--nd-dx:7.5px;}     /* 79 · 64    */
  #ndevo .ndevo_p6{--nd-dx:7px;}       /* 79 · 65    */
  #ndevo .ndevo_p7{--nd-dx:-3.25px;}   /* 57,493 · 64 */
  #ndevo .ndevo_p8{--nd-dx:-1px;}   /* bloque 52 · track 53,04 */
  #ndevo .ndevo_p8 .ndevo_v{text-align:center;}
  /* Alineada a la derecha del bloque, como en los dos frames: centrada se salía
     del lienzo por la derecha y quedaba pegada al borde. */
  #ndevo .ndevo_p8 .ndevo_lb{text-align:right; align-self:flex-end;}
}