{"id":34512,"date":"2025-10-27T14:07:30","date_gmt":"2025-10-27T13:07:30","guid":{"rendered":"https:\/\/ub-st.kodaconsulting.dev\/test-de-la-glissiere\/"},"modified":"2025-10-29T10:15:59","modified_gmt":"2025-10-29T09:15:59","slug":"test-de-la-glissiere","status":"publish","type":"page","link":"https:\/\/ub-st.kodaconsulting.dev\/fr\/test-de-la-glissiere\/","title":{"rendered":"Test de la glissi\u00e8re"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;]<!-- ===== UBIMIA ORBIT SLIDER (SLIDE 1 + SLIDES EST\u00c1TICAS) ===== --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"ubimia-orbit\" class=\"ubm-orbit\"><!-- [et_pb_line_break_holder] -->  <!-- Fondo arco a la derecha (ocupa ~50%) --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ubm-arc-bg\" aria-hidden=\"true\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/ub-st.kodaconsulting.dev\/wp-content\/uploads\/2025\/10\/arc-big.svg\" alt=\"\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Contenedor m\u00e1ximo 1400 --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ubm-container\"><!-- [et_pb_line_break_holder] -->    <!-- SLIDE 1: Orbit interactivo --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide ubm-slide--orbit is-active\" id=\"slide-orbit\" aria-label=\"\u00c1reas de Ubimia\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-orbit-stage\"><!-- [et_pb_line_break_holder] -->        <!-- Elipse (desktop\/m\u00f3vil alternan por CSS) --><!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" class=\"ubm-ellipse ubm-ellipse--desktop\" src=\"https:\/\/ub-st.kodaconsulting.dev\/wp-content\/uploads\/2025\/10\/elipse-destokp.svg\" alt=\"\" aria-hidden=\"true\"><!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" class=\"ubm-ellipse ubm-ellipse--mobile\" src=\"https:\/\/ub-st.kodaconsulting.dev\/wp-content\/uploads\/2025\/10\/elipse-movil.png\" alt=\"\" aria-hidden=\"true\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Chips centrales --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"ubm-chips\"><!-- [et_pb_line_break_holder] -->          <img decoding=\"async\" src=\"https:\/\/ub-st.kodaconsulting.dev\/wp-content\/uploads\/2025\/10\/chips.webp\" alt=\"\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Orbit labels (HTML botones, no SVG) --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"ubm-orbit-items\" role=\"listbox\" aria-label=\"Selecciona un \u00e1rea\"><!-- [et_pb_line_break_holder] -->          <!-- Los seis botones; el orden define el \u00edndice de su slide --><!-- [et_pb_line_break_holder] -->          <button class=\"ubm-item is-active\" data-id=\"open-banking\" role=\"option\" aria-selected=\"true\">Banque ouverte<\/button><!-- [et_pb_line_break_holder] -->          <button class=\"ubm-item\" data-id=\"provisiones\">Provisions <!\u2013- [et_pb_br_holder] -\u2013> et capital<\/button><!-- [et_pb_line_break_holder] -->          <button class=\"ubm-item\" data-id=\"agentes\">Agents virtuels<\/button><!-- [et_pb_line_break_holder] -->          <button class=\"ubm-item\" data-id=\"perfiles\">Profils num\u00e9riques<\/button><!-- [et_pb_line_break_holder] -->          <button class=\"ubm-item\" data-id=\"banca\">Services bancaires aux entreprises<\/button><!-- [et_pb_line_break_holder] -->          <button class=\"ubm-item\" data-id=\"ml\">Mod\u00e8les ML<\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <!-- Panel informativo --><!-- [et_pb_line_break_holder] -->      <\/p>\n<aside class=\"ubm-info\" aria-live=\"polite\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h3 class=\"ubm-info__title\">Banque ouverte<\/h3>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"ubm-info__desc\"><!-- [et_pb_line_break_holder] -->  Int\u00e9grez l&rsquo;Open Banking dans vos syst\u00e8mes d\u00e9cisionnels et \u00e9largissez votre portefeuille de risques de mani\u00e8re s\u00e9curis\u00e9e, automatis\u00e9e et 100% num\u00e9rique.<!-- [et_pb_line_break_holder] -->        <\/pee><!-- [et_pb_line_break_holder] -->        <button class=\"ubm-info__cta\" data-goto=\"1\" aria-label=\"m\u00e1s sobre Open Banking\"><!-- [et_pb_line_break_holder] -->          <img decoding=\"async\" src=\"\/mnt\/data\/mas.svg\" alt=\"\"><!-- [et_pb_line_break_holder] -->        <\/button><!-- [et_pb_line_break_holder] -->      <\/aside>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- SLIDES EST\u00c1TICAS (2..7): pon tu contenido dentro de cada una --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide\" id=\"slide-2\" aria-label=\"Open Banking\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-slide__inner\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Banque ouverte<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Votre contenu statique ici&#8230;<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide\" id=\"slide-3\" aria-label=\"Provisiones y Capital\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-slide__inner\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Provisions et capital<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Votre contenu statique ici&#8230;<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide\" id=\"slide-4\" aria-label=\"Agentes Virtuales\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-slide__inner\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Agents virtuels<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Votre contenu statique ici&#8230;<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide\" id=\"slide-5\" aria-label=\"Perfiles digitales\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-slide__inner\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Profils num\u00e9riques<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Votre contenu statique ici&#8230;<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide\" id=\"slide-6\" aria-label=\"Banca Empresa\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-slide__inner\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Services bancaires aux entreprises<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Votre contenu statique ici&#8230;<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"ubm-slide\" id=\"slide-7\" aria-label=\"Modelos ML\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"ubm-slide__inner\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Mod\u00e8les ML<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Votre contenu statique ici&#8230;<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- Controles globales Anterior \/ Siguiente (sin autoplay) --><!-- [et_pb_line_break_holder] -->    <\/p>\n<nav class=\"ubm-nav\" aria-label=\"Navegaci\u00f3n de slides\"><!-- [et_pb_line_break_holder] -->      <button class=\"ubm-prev\" type=\"button\" aria-label=\"Anterior\">&lsquo;<\/button><!-- [et_pb_line_break_holder] -->      <button class=\"ubm-next\" type=\"button\" aria-label=\"Siguiente\">&lsquo;<\/button><!-- [et_pb_line_break_holder] -->    <\/nav>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- GSAP (core) --><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\" defer><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->  'use strict';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= CONFIGURACI\u00d3N =======<!-- [et_pb_line_break_holder] -->  const ORBIT_CONFIG = {<!-- [et_pb_line_break_holder] -->    desktop: {<!-- [et_pb_line_break_holder] -->      cx: 500, cy: 420,<!-- [et_pb_line_break_holder] -->      rx: 560, ry: 300,<!-- [et_pb_line_break_holder] -->      rotateDeg: 25,<!-- [et_pb_line_break_holder] -->      targetAngle: 90,<!-- [et_pb_line_break_holder] -->      direction: -1,    \/\/ sentido de giro (ya invertido)<!-- [et_pb_line_break_holder] -->      angleOffset: 50,   \/\/ corrige desfase fino si hiciera falta<!-- [et_pb_line_break_holder] -->      mirrorX: true     \/\/ <<< refleja horizontalmente para casar con la elipse imagen    },    mobile: {      cx: 180, cy: 230,      rx: 160, ry: 240,      rotateDeg: 25,      targetAngle: 90,      direction: -1,      angleOffset: 0,      mirrorX: true     \/\/ <<< igual en m\u00f3vil    },    duration: 1.2  };  const ITEMS = [    { id: 'open-banking', title: 'Open Banking',      desc: 'Integra Open Banking en tus sistemas de decisi\u00f3n y expande tu cartera de riesgo de forma segura, automatizada y 100% digital' },    { id: 'provisiones', title: 'Provisiones y Capital',      desc: 'Minimiza Provisiones excesivas y ajusta tus Requerimientos de Capital corrigiendo datos cr\u00edticos y mejorando la clasificaci\u00f3n de tu cartera crediticia' },    { id: 'agentes', title: 'Agentes Virtuales',      desc: 'Reduce tu coste de recobro combinando con Agentes Virtuales Humanizados para cada segmento de deuda y antig\u00fcedad' },    { id: 'perfiles', title: 'Perfiles digitales',      desc: 'Reduce la fricci\u00f3n en tus procesos de Recuperaci\u00f3n Temprana y Preventiva identificando los perfiles digitales de tu cartera' },    { id: 'banca', title: 'Banca Empresa',      desc: 'Reduce tu tiempo de aprobaci\u00f3n en Banca Empresa con lectura documental y flujos de evaluaci\u00f3n automatizados' },    { id: 'ml', title: 'Modelos ML',      desc: 'Mejora tu tasa de conversi\u00f3n integrando de forma sencilla y escalable Modelos ML Avanzados de Riesgo de Cr\u00e9dito' }  ];  \/\/ ======= HELPERS =======  const $  = (sel, ctx = document) => ctx.querySelector(sel);<!-- [et_pb_line_break_holder] -->  const $$ = (sel, ctx = document) => Array.from(ctx.querySelectorAll(sel));<!-- [et_pb_line_break_holder] -->  const isMobile = () => window.matchMedia('(max-width: 820px)').matches;<!-- [et_pb_line_break_holder] -->  const getCfg = () => (isMobile() ? ORBIT_CONFIG.mobile : ORBIT_CONFIG.desktop);<!-- [et_pb_line_break_holder] -->  const deg2rad = d => d * Math.PI \/ 180;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= ELEMENTOS =======<!-- [et_pb_line_break_holder] -->  const root        = $('#ubimia-orbit');<!-- [et_pb_line_break_holder] -->  const slide1      = $('#slide-orbit');<!-- [et_pb_line_break_holder] -->  const itemsWrap   = $('.ubm-orbit-items', slide1);<!-- [et_pb_line_break_holder] -->  const itemButtons = $$('.ubm-item', itemsWrap);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const infoTitle   = $('.ubm-info__title', slide1);<!-- [et_pb_line_break_holder] -->  const infoDesc    = $('.ubm-info__desc', slide1);<!-- [et_pb_line_break_holder] -->  const infoCta     = $('.ubm-info__cta', slide1);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const slides      = $$('.ubm-slide', root);<!-- [et_pb_line_break_holder] -->  const btnPrev     = $('.ubm-prev', root);<!-- [et_pb_line_break_holder] -->  const btnNext     = $('.ubm-next', root);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= ESTADO =======<!-- [et_pb_line_break_holder] -->  let currentSlideIndex = 0; \/\/ 0 => \u00f3rbita; 1..6 => slides 2..7<!-- [et_pb_line_break_holder] -->  let activeIndex = 0;<!-- [et_pb_line_break_holder] -->  let angles = [];           \/\/ \u00e1ngulos internos (uno por item)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= GEOMETR\u00cdA =======<!-- [et_pb_line_break_holder] -->  function ellipsePoint(angleDeg, cfg) {<!-- [et_pb_line_break_holder] -->    const { cx, cy, rx, ry, rotateDeg, direction, angleOffset, mirrorX } = cfg;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u00c1ngulo param\u00e9trico teniendo en cuenta offset y sentido<!-- [et_pb_line_break_holder] -->    const t = deg2rad((angleDeg + (angleOffset || 0)) * (direction || 1));<!-- [et_pb_line_break_holder] -->    const xr = rx * Math.cos(t);<!-- [et_pb_line_break_holder] -->    const yr = ry * Math.sin(t);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Rotaci\u00f3n de la elipse<!-- [et_pb_line_break_holder] -->    const rot = deg2rad(rotateDeg || 0);<!-- [et_pb_line_break_holder] -->    let x = cx + xr * Math.cos(rot) - yr * Math.sin(rot);<!-- [et_pb_line_break_holder] -->    let y = cy + xr * Math.sin(rot) + yr * Math.cos(rot);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Espejo horizontal si procede (para casar con el SVG de la elipse)<!-- [et_pb_line_break_holder] -->    if (mirrorX) {<!-- [et_pb_line_break_holder] -->      x = 2 * cx - x;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    return { x, y };<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function initAngles() {<!-- [et_pb_line_break_holder] -->    const n = itemButtons.length;<!-- [et_pb_line_break_holder] -->    angles = itemButtons.map((_, i) => i * 360 \/ n);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function renderPositions() {<!-- [et_pb_line_break_holder] -->    const cfg = getCfg();<!-- [et_pb_line_break_holder] -->    itemButtons.forEach((btn, i) => {<!-- [et_pb_line_break_holder] -->      const { x, y } = ellipsePoint(angles[i], cfg);<!-- [et_pb_line_break_holder] -->      btn.style.transform = `translate(${x}px, ${y}px)`;<!-- [et_pb_line_break_holder] -->      btn.style.transformOrigin = 'center center';<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= UI INFO =======<!-- [et_pb_line_break_holder] -->  function updateInfo(index) {<!-- [et_pb_line_break_holder] -->    const data = ITEMS[index];<!-- [et_pb_line_break_holder] -->    infoTitle.textContent = data.title;<!-- [et_pb_line_break_holder] -->    infoDesc.textContent  = data.desc;<!-- [et_pb_line_break_holder] -->    infoCta.setAttribute('aria-label', `m\u00e1s sobre ${data.title}`);<!-- [et_pb_line_break_holder] -->    infoCta.dataset.goto = (index + 1).toString(); \/\/ 1..6 => slide-2..slide-7<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function setActive(index) {<!-- [et_pb_line_break_holder] -->    itemButtons.forEach((b, i) => {<!-- [et_pb_line_break_holder] -->      b.classList.toggle('is-active', i === index);<!-- [et_pb_line_break_holder] -->      b.setAttribute('aria-selected', i === index ? 'true' : 'false');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    updateInfo(index);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= ROTACI\u00d3N =======<!-- [et_pb_line_break_holder] -->  function rotateTo(index) {<!-- [et_pb_line_break_holder] -->    const cfg = getCfg();<!-- [et_pb_line_break_holder] -->    const dir = cfg.direction || 1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u00c1ngulo visible del item: aplica offset + sentido (mirrorX no afecta a \u00e1ngulo)<!-- [et_pb_line_break_holder] -->    const currentVisible = ((angles[index] + (cfg.angleOffset || 0)) * dir) % 360;<!-- [et_pb_line_break_holder] -->    const deltaVisible   = cfg.targetAngle - currentVisible;<!-- [et_pb_line_break_holder] -->    const deltaInternal  = deltaVisible * dir;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const newAngles = angles.map(a => a + deltaInternal);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;<!-- [et_pb_line_break_holder] -->    if (reducedMotion || (typeof gsap === 'undefined')) {<!-- [et_pb_line_break_holder] -->      angles = newAngles;<!-- [et_pb_line_break_holder] -->      renderPositions();<!-- [et_pb_line_break_holder] -->      setActive(index);<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const proxy = { p: 0 };<!-- [et_pb_line_break_holder] -->    gsap.to(proxy, {<!-- [et_pb_line_break_holder] -->      p: 1,<!-- [et_pb_line_break_holder] -->      duration: ORBIT_CONFIG.duration,<!-- [et_pb_line_break_holder] -->      ease: 'power3.inOut',<!-- [et_pb_line_break_holder] -->      onUpdate: () => {<!-- [et_pb_line_break_holder] -->        const t = proxy.p;<!-- [et_pb_line_break_holder] -->        angles = angles.map((a, i) => a + (newAngles[i] - a) * t);<!-- [et_pb_line_break_holder] -->        renderPositions();<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      onComplete: () => {<!-- [et_pb_line_break_holder] -->        angles = newAngles;<!-- [et_pb_line_break_holder] -->        setActive(index);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= SLIDES =======<!-- [et_pb_line_break_holder] -->  function goToSlide(idx) {<!-- [et_pb_line_break_holder] -->    currentSlideIndex = Math.max(0, Math.min(idx, slides.length - 1));<!-- [et_pb_line_break_holder] -->    slides.forEach((s, i) => s.classList.toggle('is-active', i === currentSlideIndex));<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= EVENTOS =======<!-- [et_pb_line_break_holder] -->  itemButtons.forEach((btn, i) => {<!-- [et_pb_line_break_holder] -->    btn.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->      activeIndex = i;<!-- [et_pb_line_break_holder] -->      rotateTo(i);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  infoCta.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->    const to = parseInt(infoCta.dataset.goto || '1', 10);<!-- [et_pb_line_break_holder] -->    goToSlide(to); \/\/ 1..6 (slide-2..slide-7)<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  btnPrev?.addEventListener('click', () => goToSlide(currentSlideIndex - 1));<!-- [et_pb_line_break_holder] -->  btnNext?.addEventListener('click', () => goToSlide(currentSlideIndex + 1));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  let resizeTimer;<!-- [et_pb_line_break_holder] -->  window.addEventListener('resize', () => {<!-- [et_pb_line_break_holder] -->    clearTimeout(resizeTimer);<!-- [et_pb_line_break_holder] -->    resizeTimer = setTimeout(() => renderPositions(), 120);<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ ======= INIT =======<!-- [et_pb_line_break_holder] -->  initAngles();<!-- [et_pb_line_break_holder] -->  renderPositions();<!-- [et_pb_line_break_holder] -->  setActive(activeIndex);<!-- [et_pb_line_break_holder] -->  goToSlide(0);<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* ====== LAYOUT B\u00c1SICO (ajusta estilos a tu gusto) ====== *\/<!-- [et_pb_line_break_holder] -->.ubm-orbit { position: relative; overflow: hidden; }<!-- [et_pb_line_break_holder] -->.ubm-arc-bg { position: absolute; inset: 0 0 0 50%; display: flex; justify-content: flex-end; pointer-events: none; }<!-- [et_pb_line_break_holder] -->.ubm-arc-bg img { height: 100%; max-height: 100%; object-fit: contain; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ubm-container { max-width: 1400px; margin: 0 auto; position: relative; padding: 24px clamp(16px, 3vw, 32px); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ubm-slide { display: none; }<!-- [et_pb_line_break_holder] -->.ubm-slide.is-active { display: block; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ubm-slide--orbit {<!-- [et_pb_line_break_holder] -->  display: grid;<!-- [et_pb_line_break_holder] -->  grid-template-columns: 1.2fr 0.8fr;<!-- [et_pb_line_break_holder] -->  gap: clamp(16px, 4vw, 40px);<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->  .ubm-slide--orbit { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* altura objetivo desktop *\/<!-- [et_pb_line_break_holder] -->.ubm-orbit-stage { position: relative; height: 860px; }  \/* en vez de min-height *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->  .ubm-orbit-stage { min-height: 520px; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Elipses *\/<!-- [et_pb_line_break_holder] -->.ubm-ellipse{<!-- [et_pb_line_break_holder] -->  position:absolute; left:50%; top:50%;<!-- [et_pb_line_break_holder] -->  transform:translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->  height:100%; width:auto; \/* clave: altura llena, ancho se ajusta *\/<!-- [et_pb_line_break_holder] -->  pointer-events:none; opacity:.9;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.ubm-ellipse--mobile { display: none; }<!-- [et_pb_line_break_holder] -->@media (max-width: 820px) {<!-- [et_pb_line_break_holder] -->  .ubm-ellipse--desktop { display: none; }<!-- [et_pb_line_break_holder] -->  .ubm-ellipse--mobile  { display: block; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Chips centrales *\/<!-- [et_pb_line_break_holder] -->.ubm-chips { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }<!-- [et_pb_line_break_holder] -->.ubm-chips img { width: clamp(120px, 18vw, 360px); height: auto; display: block; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Orbit items *\/<!-- [et_pb_line_break_holder] -->.ubm-orbit-items { position: absolute; inset: 0; }<!-- [et_pb_line_break_holder] -->.ubm-item {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  left: 0; top: 0;<!-- [et_pb_line_break_holder] -->  transform: translate(-9999px, -9999px);<!-- [et_pb_line_break_holder] -->  background: transparent;<!-- [et_pb_line_break_holder] -->  border: none;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  padding: 6px 10px;<!-- [et_pb_line_break_holder] -->  white-space: nowrap;<!-- [et_pb_line_break_holder] -->  font: inherit;<!-- [et_pb_line_break_holder] -->  font-size:40px;<!-- [et_pb_line_break_holder] -->  color:var(--color-principal-d);<!-- [et_pb_line_break_holder] -->  line-height:1.2em;<!-- [et_pb_line_break_holder] -->  transition:color background-color,.3s;<!-- [et_pb_line_break_holder] -->  \/* estilos visuales m\u00ednimos (los tuyos mandan) *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.ubm-item.is-active { font-weight: 700; color:var(--color-secundario-d);background-color:var(--color-principal-d); padding:8px 16px; border-radius:20px; transition:color background-color,.3s;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Panel info *\/<!-- [et_pb_line_break_holder] -->.ubm-info { position: relative; display: grid; gap: 8px; align-content: start; }<!-- [et_pb_line_break_holder] -->.ubm-info__title { margin: 0; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->.ubm-info__desc  { margin: 0; }<!-- [et_pb_line_break_holder] -->.ubm-info__cta {<!-- [et_pb_line_break_holder] -->  justify-self: end;<!-- [et_pb_line_break_holder] -->  background: transparent; border: none; cursor: pointer; padding: 0;<!-- [et_pb_line_break_holder] -->  width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.ubm-info__cta img { max-width: 100%; height: auto; display: block; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Slides est\u00e1ticas *\/<!-- [et_pb_line_break_holder] -->.ubm-slide__inner { min-height: 420px; display: grid; place-items: start; gap: 12px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Navegaci\u00f3n global *\/<!-- [et_pb_line_break_holder] -->.ubm-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; }<!-- [et_pb_line_break_holder] -->.ubm-prev, .ubm-next {<!-- [et_pb_line_break_holder] -->  background: transparent; border: 1px solid currentColor; border-radius: 999px;<!-- [et_pb_line_break_holder] -->  width: 44px; height: 44px; font-size: 22px; line-height: 1; cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Accesibilidad: foco visible *\/<!-- [et_pb_line_break_holder] -->.ubm-item:focus, .ubm-info__cta:focus, .ubm-prev:focus, .ubm-next:focus {<!-- [et_pb_line_break_holder] -->  outline: 2px solid currentColor; outline-offset: 2px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"dipi_cpt_category":[],"class_list":["post-34512","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/pages\/34512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/comments?post=34512"}],"version-history":[{"count":2,"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/pages\/34512\/revisions"}],"predecessor-version":[{"id":34517,"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/pages\/34512\/revisions\/34517"}],"wp:attachment":[{"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/media?parent=34512"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/ub-st.kodaconsulting.dev\/fr\/wp-json\/wp\/v2\/dipi_cpt_category?post=34512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}