/* Consultoría en Retail: estilos específicos de la página de pruebas. */
/* Mantener el navbar compartido sin modificar sus reglas globales. */
.lawbusiness { background:#fff !important; color:#00442b !important; box-shadow:0 3px 12px rgba(0,55,33,.12); }
.lawbusiness .linknavbusiness,.lawbusiness .nav-link { color:#00442b !important; text-decoration:none; }
.lawbusiness .linknavbusiness:hover,.lawbusiness .nav-link:hover { color:#08734b !important; }
.lawbusiness .logohol { max-height:70px; width:auto; }
.lawbusiness .navbar-brand { display:flex; align-items:center; gap:.65rem; white-space:normal; }
.lawbusiness .navbar-brand span { font-size:clamp(.7rem,.9vw,.95rem); }
.lawbusiness .navbar-nav { align-items:center; }
@media(max-width:1199.98px){.lawbusiness{padding-left:1rem !important;padding-right:1rem !important}.lawbusiness .nav-link{font-size:.85rem}}
@media(max-width:991.98px){.lawbusiness .navbar-nav{align-items:stretch;padding:.75rem 0}.lawbusiness .nav-link{padding:.6rem .3rem}.lawbusiness .logohol{max-height:55px}}
.consultoria-retail { --retail-green:#064635; --retail-soft:#f4fbf1; color:var(--retail-green); overflow-x:clip; }
.consultoria-retail *,.consultoria-retail *::before,.consultoria-retail *::after { box-sizing:border-box; }
.consultoria-retail [hidden] { display:none !important; }
/* HERO: amplitud y proporciones similares a la referencia. */
.consultoria-retail .retail-hero { min-height:clamp(500px,65svh,680px); display:flex; align-items:center; background:linear-gradient(90deg,rgba(4,34,25,.85),rgba(4,34,25,.72) 62%,rgba(4,34,25,.57)),url('../img/Business2.png') center/cover no-repeat; color:#fff; padding:90px 0; }
.consultoria-retail .retail-hero__inner { width:min(100% - 64px,1400px); margin:0 auto; }
.consultoria-retail .retail-hero__tag { display:inline-block; border-radius:100px; padding:.7rem 1.05rem; margin-bottom:1.8rem; background:#fff; color:var(--retail-green); font-size:clamp(.85rem,1vw,1rem); font-weight:750; line-height:1.35; }
.consultoria-retail .retail-hero h1 { color:#fff; max-width:1200px; margin:0 0 1.5rem; font-size:clamp(2.15rem,3.65vw,4.25rem); font-weight:750; letter-spacing:-.035em; line-height:1.16; }
.consultoria-retail .retail-hero p { max-width:none; margin:0; font-size:clamp(1.13rem,1.55vw,1.48rem); font-weight:650; line-height:1.5; color:#fff; }
/* Selector de rutas. */
.consultoria-retail .retail-routes { padding:70px 0 0; background:#fff; }
.consultoria-retail .retail-routes__intro { text-align:center; margin:0 auto 2rem; padding:0 24px; }
.consultoria-retail .retail-routes__eyebrow { display:block; color:var(--retail-green); font-size:.85rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; margin-bottom:.8rem; }
.consultoria-retail .retail-routes__intro h2 { color:var(--retail-green); font-size:clamp(2rem,3.2vw,3.15rem); font-weight:750; line-height:1.2; margin:0; }
.consultoria-retail .retail-routes__tabs { width:min(100% - 48px,1080px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem; margin:0 auto 50px; }
.consultoria-retail .retail-route { display:flex; align-items:center; gap:1.3rem; min-height:140px; padding:1.4rem 2rem; background:#fff; border:1px solid #cbded3; border-radius:19px; color:var(--retail-green); text-align:left; box-shadow:0 9px 20px rgba(0,55,33,.09); transition:transform .2s,background .2s; }
.consultoria-retail .retail-route:hover { transform:translateY(-2px); }
.consultoria-retail .retail-route.is-active { background:var(--retail-green); border-color:var(--retail-green); color:#fff; }
.consultoria-retail .retail-route__icon { width:80px; height:80px; flex:none; }
.consultoria-retail .retail-route__copy { display:flex; flex-direction:column; gap:.35rem; min-width:0; }
.consultoria-retail .retail-route__number { font-size:.83rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }
.consultoria-retail .retail-route__name { font-size:clamp(1.4rem,2vw,1.85rem); line-height:1.2; font-weight:750; }
.consultoria-retail .retail-route:focus-visible { outline:3px solid #71b989; outline-offset:4px; }
/* Los paneles ocupan todo el ancho disponible, sin franjas blancas laterales. */
.consultoria-retail .retail-panel { width:100%; }
.consultoria-retail .retail-layout { width:min(100% - 64px,1400px); margin:0 auto; }
.consultoria-retail .retail-panel__lead { padding:68px 0 80px; background:#064635; color:#fff; }
.consultoria-retail .retail-panel__kicker { display:block; font-size:.8rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; margin-bottom:1rem; }
.consultoria-retail .retail-panel__lead h3 { color:#fff; font-size:clamp(2rem,3vw,2.9rem); line-height:1.2; font-weight:750; margin:0 0 1.1rem; }
.consultoria-retail .retail-panel__subtitle { color:#fff; font-size:clamp(1.05rem,1.35vw,1.3rem); font-weight:500; line-height:1.5; margin:0 0 1.8rem; }
.consultoria-retail .retail-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem 4.5rem; counter-reset:benefits; list-style:none; margin:0; padding:0; }
.consultoria-retail .retail-benefits li { display:flex; align-items:center; gap:1rem; min-width:0; counter-increment:benefits; font-size:clamp(1rem,1.15vw,1.2rem); line-height:1.4; }
.consultoria-retail .retail-benefits li::before { content:counter(benefits); display:grid; place-items:center; width:43px; height:43px; border-radius:50%; flex:none; background:#fff; color:var(--retail-green); font-size:1rem; font-weight:800; }
.consultoria-retail .retail-benefit__copy { display:flex; flex-direction:column; gap:.2rem; font-weight:400; color:#fff; flex:1; min-width:0; }
.consultoria-retail .retail-benefit__copy strong { display:block; font-weight:750; line-height:1.3; }
.consultoria-retail .retail-benefit__copy > span { display:block; font-weight:400; line-height:1.45; color:rgba(255,255,255,.88); }
/* Servicios: sección verde pálido y tarjetas blancas con banda verde. */
.consultoria-retail .retail-panel__services { padding:72px 0 90px; background:var(--retail-soft); }
.consultoria-retail .retail-services__eyebrow { display:block; margin-bottom:.65rem; color:var(--retail-green); font-size:.85rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.consultoria-retail .retail-panel__services h3 { color:var(--retail-green); font-size:clamp(2rem,3.2vw,3.15rem); font-weight:750; line-height:1.2; margin:0 0 2rem; }
.consultoria-retail .retail-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.8rem; align-items:stretch; }
.consultoria-retail .retail-service { position:relative; min-width:0; padding:2.3rem 2.3rem 2.5rem; background:#fff; border-radius:9px; box-shadow:0 10px 25px rgba(0,45,30,.08); }
.consultoria-retail .retail-service::before { content:''; position:absolute; top:0; left:0; right:0; height:5px; background:var(--retail-green); border-radius:9px 9px 0 0; }
.consultoria-retail .retail-service__index { display:grid; place-items:center; width:43px; height:43px; margin-bottom:1.55rem; border-radius:50%; background:var(--retail-green); color:#fff; font-size:.85rem; font-weight:800; }
.consultoria-retail .retail-service h4 { margin:0 0 1.3rem; color:#25473d; font-size:clamp(1.2rem,1.45vw,1.55rem); line-height:1.35; font-weight:750; }
.consultoria-retail .retail-service h4 small { display:block; margin-top:1rem; color:var(--retail-green); font-size:.84em; font-weight:700; }
.consultoria-retail .retail-service ul { margin:0; padding-left:1.35rem; color:#29463b; font-size:clamp(.98rem,1vw,1.1rem); line-height:1.6; }
.consultoria-retail .retail-service li + li { margin-top:1rem; }
.consultoria-retail .retail-service li::marker { color:var(--retail-green); }
@media(max-width:991.98px){.consultoria-retail .retail-hero__inner,.consultoria-retail .retail-layout{width:min(100% - 48px,1400px)}.consultoria-retail .retail-route{padding:1.2rem;gap:.8rem}.consultoria-retail .retail-route__icon{width:60px;height:60px}.consultoria-retail .retail-service{padding:1.7rem}}
@media(max-width:767.98px){.consultoria-retail .retail-hero{min-height:540px;padding:80px 0;background-position:58% center}.consultoria-retail .retail-hero h1 br{display:none}.consultoria-retail .retail-routes{padding-top:55px}.consultoria-retail .retail-routes__tabs{width:min(100% - 32px,560px);gap:.8rem}.consultoria-retail .retail-route{min-height:115px;padding:1rem;gap:.7rem}.consultoria-retail .retail-route__icon{width:44px;height:44px}.consultoria-retail .retail-route__name{font-size:1.2rem}.consultoria-retail .retail-layout{width:calc(100% - 36px)}.consultoria-retail .retail-benefits,.consultoria-retail .retail-service-grid{grid-template-columns:1fr}.consultoria-retail .retail-panel__lead{padding:45px 0 55px}.consultoria-retail .retail-panel__services{padding:52px 0 65px}}
@media(max-width:480px){.consultoria-retail .retail-hero__inner{width:calc(100% - 36px)}.consultoria-retail .retail-hero__tag{font-size:.82rem}.consultoria-retail .retail-hero h1{font-size:clamp(2rem,9vw,2.7rem)}.consultoria-retail .retail-hero p{font-size:1.05rem}.consultoria-retail .retail-routes__tabs{grid-template-columns:1fr}.consultoria-retail .retail-route{min-height:92px}.consultoria-retail .retail-route__icon{width:53px;height:53px}.consultoria-retail .retail-service{padding:1.55rem}}
@media(prefers-reduced-motion:reduce){.consultoria-retail .retail-route{transition:none}}

/* Ajuste fino: títulos, beneficios y tarjetas según el mockup. */
@media(max-width:767.98px){.consultoria-retail .retail-panel__lead h3{margin-bottom:.9rem}.consultoria-retail .retail-panel__subtitle{margin-bottom:1.5rem}.consultoria-retail .retail-benefits{gap:1.35rem}.consultoria-retail .retail-benefits li{align-items:flex-start}.consultoria-retail .retail-benefits li::before{width:40px;height:40px}.consultoria-retail .retail-service__index{margin-bottom:1.2rem}}

/* Único ajuste de tarjetas: número y título alineados; subtítulo debajo. */
.consultoria-retail .retail-service__heading { display:flex; align-items:center; gap:1rem; margin-bottom:1.35rem; }
.consultoria-retail .retail-service__heading .retail-service__index { margin-bottom:0; }
.consultoria-retail .retail-service__heading h4 { margin:0; min-width:0; }
.consultoria-retail .retail-service__subtitle { margin:0 0 1.15rem; color:var(--retail-green); font-size:clamp(1rem,1.2vw,1.25rem); font-weight:700; line-height:1.4; }

/* Metodología: sección independiente, compartida por ambas rutas. */
.consultoria-retail .retail-methodology { background:#fff; color:var(--retail-green); }
.consultoria-retail .retail-methodology__header { padding:70px 20px 35px; text-align:center; }
.consultoria-retail .retail-methodology__eyebrow { display:block; margin-bottom:.7rem; font-size:.85rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.consultoria-retail .retail-methodology__header h2 { margin:0 0 .5rem; font-size:clamp(2rem,3.2vw,3.15rem); font-weight:750; line-height:1.2; color:var(--retail-green); }
.consultoria-retail .retail-methodology__header p { margin:0; color:#53675e; font-size:clamp(1rem,1.35vw,1.3rem); line-height:1.5; }
.consultoria-retail .retail-methodology__body { padding:36px 20px 52px; background:var(--retail-soft); }
.consultoria-retail .retail-methodology__steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; width:min(100%,740px); margin:0 auto; padding:0; list-style:none; }
.consultoria-retail .retail-methodology__steps li { display:flex; align-items:center; justify-content:center; min-height:106px; padding:20px 16px; border:1px solid #d3e2d4; border-radius:10px; background:#e9f6e4; color:#273c32; text-align:center; font-size:clamp(1.03rem,1.4vw,1.32rem); font-weight:750; line-height:1.35; }
.consultoria-retail .retail-methodology__steps li:last-child { grid-column:1 / -1; min-height:88px; }
@media(max-width:600px) { .consultoria-retail .retail-methodology__header { padding:55px 18px 30px; } .consultoria-retail .retail-methodology__body { padding:26px 18px 42px; } .consultoria-retail .retail-methodology__steps { grid-template-columns:1fr; } .consultoria-retail .retail-methodology__steps li { min-height:92px; } .consultoria-retail .retail-methodology__steps li:last-child { grid-column:auto; } }

/* CLIENTES: agregar al final de con_retail.css. No altera otras secciones. */
.consultoria-retail .retail-clients { background:#f7fcf8; padding:70px 24px 78px; color:var(--retail-green); }
.consultoria-retail .retail-clients__heading { text-align:center; margin:0 auto 34px; }
.consultoria-retail .retail-clients__eyebrow { display:block; font-size:.82rem; font-weight:800; letter-spacing:.14em; margin-bottom:.65rem; }
.consultoria-retail .retail-clients__heading h2 { margin:0 0 .5rem; font-size:clamp(1.8rem,3vw,3.15rem); line-height:1.2; font-weight:750; color:var(--retail-green); }
.consultoria-retail .retail-clients__heading p { margin:0; font-size:clamp(1rem,1.25vw,1.25rem); color:#53675e; }
.consultoria-retail .retail-clients__surface { width:min(100%,1400px); margin:auto; background:#fff; border-radius:20px; padding:32px 36px; box-shadow:0 12px 30px rgba(0,45,30,.08); }
.consultoria-retail .retail-clients__grid { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:12px 15px; align-items:center; }
.consultoria-retail .retail-clients__item { display:flex; align-items:center; justify-content:center; min-width:0; height:58px; }
.consultoria-retail .retail-clients__item img { display:block; max-width:100%; max-height:48px; width:auto; height:auto; object-fit:contain; }
@media(max-width:1199.98px) { .consultoria-retail .retail-clients__grid { grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; } .consultoria-retail .retail-clients__surface { padding:28px; } }
@media(max-width:767.98px) { .consultoria-retail .retail-clients { padding:55px 16px; } .consultoria-retail .retail-clients__grid { grid-template-columns:repeat(5,minmax(0,1fr)); } .consultoria-retail .retail-clients__surface { padding:22px 16px; } .consultoria-retail .retail-clients__item { height:54px; } .consultoria-retail .retail-clients__item img { max-height:43px; } }
@media(max-width:480px) { .consultoria-retail .retail-clients__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 10px; } .consultoria-retail .retail-clients__item { height:58px; } .consultoria-retail .retail-clients__item img { max-height:48px; } }
/* =========================================================
   CLIENTES - SWIPER SOLO EN MÓVIL
   6 logos por slide: 3 columnas x 2 filas.
   En desktop/tablet se conserva el grid normal.
   ========================================================= */

@media (max-width: 767.98px) {

  /* Cuando JS activa Swiper, el grid deja de comportarse como grid */
  .consultoria-retail .retail-clients__grid.retail-clients__grid--swiper {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  /* Contenedor generado por JS */
  .consultoria-retail .retail-clients__swiper {
    width: 100%;
    overflow: hidden;
  }

  /* Swiper necesita que su wrapper maneje las diapositivas */
  .consultoria-retail .retail-clients__swiper .swiper-wrapper {
    align-items: stretch;
  }

  /* Cada slide contiene 6 logos */
  .consultoria-retail .retail-clients__swiper .swiper-slide {
    height: auto;
  }

  /* Grid interno de cada slide: 3 arriba + 3 abajo */
  .consultoria-retail .retail-clients__slide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, 82px);
    gap: 16px 12px;
    width: 100%;
    align-items: center;
  }

  /* Cada logo */
  .consultoria-retail .retail-clients__slide-grid .retail-clients__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: 100%;
    height: 82px;
    padding: 6px;
  }

  /* Imagen del logo */
  .consultoria-retail .retail-clients__slide-grid .retail-clients__item img {
    display: block;
    max-width: 100%;
    max-height: 66px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
}

/* Desktop/tablet:
   Swiper no existe porque JS devuelve los logos al grid original. */
@media (min-width: 768px) {

  .consultoria-retail .retail-clients__grid {
    overflow: visible;
  }

}
/* =========================================================
   INDICADORES DEL CARRUSEL DE CLIENTES
   ========================================================= */

@media (max-width: 767.98px) {

    .consultoria-retail .retail-clients__swiper {
        padding-bottom: 0;
    }

    .consultoria-retail .retail-clients__swiper .swiper-pagination {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 100% !important;
        margin-top: 20px;
        min-height: 12px;
    }

    .consultoria-retail
    .retail-clients__swiper
    .swiper-pagination-bullet {
        display: block;

        width: 8px;
        height: 8px;

        margin: 0 4px !important;

        border-radius: 50%;
        background: #b7c9c1;

        opacity: 1;

        cursor: pointer;
    }

    .consultoria-retail
    .retail-clients__swiper
    .swiper-pagination-bullet-active {
        background: #064635;
        transform: scale(1.25);
    }
}



/* =========================================================
   EQUIPO ESPECIALISTA
   ========================================================= */

.consultoria-retail .retail-team {
    padding: 70px 24px 85px;
    background: #fff;
    color: var(--retail-green);
}


/* ---------- Encabezado ---------- */

.consultoria-retail .retail-team__heading {
    max-width: 1100px;
    margin: 0 auto 38px;
    text-align: center;
}

.consultoria-retail .retail-team__eyebrow {
    display: block;
    margin-bottom: .75rem;

    color: var(--retail-green);

    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.consultoria-retail .retail-team__heading h2 {
    margin: 0 0 .55rem;

    color: var(--retail-green);

    font-size: clamp(2rem, 3.2vw, 3.25rem);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -.02em;
}

.consultoria-retail .retail-team__heading p {
    margin: 0;

    color: #60716a;

    font-size: clamp(1rem, 1.25vw, 1.2rem);
    line-height: 1.5;
}


/* =========================================================
   GRID DESKTOP

   6 columnas permiten construir exactamente:

              JORGE
      EMILIO  ROXANA  VÍCTOR
         GUILLERMO REBECA
   ========================================================= */

.consultoria-retail .retail-team__grid {
    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 16px 28px;

    width: min(100%, 1280px);
    margin: 0 auto;
}


/* Jorge: centrado */

.consultoria-retail .retail-team__card--jorge {
    grid-column: 3 / 5;
}


/* Segunda fila */

.consultoria-retail .retail-team__card--emilio {
    grid-column: 1 / 3;
}

.consultoria-retail .retail-team__card--roxana {
    grid-column: 3 / 5;
}

.consultoria-retail .retail-team__card--victor {
    grid-column: 5 / 7;
}


/* Tercera fila */

.consultoria-retail .retail-team__card--guillermo {
    grid-column: 2 / 4;
}

.consultoria-retail .retail-team__card--rebeca {
    grid-column: 4 / 6;
}


/* ---------- Tarjeta ---------- */

.consultoria-retail .retail-team__card {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    min-height: 205px;

    padding: 18px 24px 14px;

    background: #fff;

    border-radius: 18px;

    text-align: center;

    box-shadow:
        0 15px 30px rgba(0, 50, 35, .10),
        0 3px 8px rgba(0, 50, 35, .04);
}


/* ---------- Iniciales ---------- */

.consultoria-retail .retail-team__initials {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    flex: none;

    margin-bottom: 8px;

    border: 3px solid var(--retail-green);
    border-radius: 50%;

    background: #eff8ed;
    color: var(--retail-green);

    font-size: 1.35rem;
    font-weight: 800;
}


/* ---------- Nombre ---------- */

.consultoria-retail .retail-team__card h3 {
    margin: 0 0 6px;

    color: #234c40;

    font-size: 1.12rem;
    font-weight: 750;
    line-height: 1.25;
}


/* ---------- Puesto ---------- */

.consultoria-retail .retail-team__card p {
    margin: 0 0 10px;

    color: #6a7973;

    font-size: .96rem;
    line-height: 1.25;
}


/* ---------- Botón > ---------- */

.consultoria-retail .retail-team__link {
    display: grid;
    place-items: center;

    width: 27px;
    height: 27px;

    margin-top: auto;

    border-radius: 50%;

    background: var(--retail-green);
    color: #fff;

    font-size: 1rem;
    font-weight: 800;
    line-height: 1;

    text-decoration: none;

    transition:
        transform .2s ease,
        background-color .2s ease;
}

.consultoria-retail .retail-team__link:hover {
    background: #08734b;
    color: #fff;

    transform: translateX(2px);
}

.consultoria-retail .retail-team__link:focus-visible {
    outline: 3px solid #72b895;
    outline-offset: 3px;
}


/* Guillermo mientras no tenga URL */

.consultoria-retail .retail-team__link--disabled {
    opacity: .4;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .consultoria-retail .retail-team {
        padding: 60px 24px 70px;
    }

    .consultoria-retail .retail-team__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        max-width: 760px;
    }

    .consultoria-retail .retail-team__card {
        grid-column: auto;
    }

    /* Jorge sigue encabezando y centrado */
    .consultoria-retail .retail-team__card--jorge {
        grid-column: 1 / -1;

        width: calc(50% - 9px);
        justify-self: center;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 600px) {

    .consultoria-retail .retail-team {
        padding: 55px 16px 65px;
    }

    .consultoria-retail .retail-team__heading {
        margin-bottom: 30px;
    }

    .consultoria-retail .retail-team__heading h2 {
        font-size: clamp(1.8rem, 8vw, 2.35rem);
    }

    .consultoria-retail .retail-team__grid {
        display: grid;
        grid-template-columns: 1fr;

        width: 100%;
        max-width: 430px;

        gap: 16px;
    }

    .consultoria-retail .retail-team__card,
    .consultoria-retail .retail-team__card--jorge {
        grid-column: 1;

        width: 100%;

        min-height: 190px;

        padding: 18px 20px 14px;
    }

    .consultoria-retail .retail-team__initials {
        width: 58px;
        height: 58px;

        font-size: 1.25rem;
    }
}


/* =========================================================
   MÓVILES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 380px) {

    .consultoria-retail .retail-team {
        padding-left: 12px;
        padding-right: 12px;
    }

    .consultoria-retail .retail-team__card {
        padding-left: 14px;
        padding-right: 14px;
    }

}


/* Accesibilidad */

@media (prefers-reduced-motion: reduce) {

    .consultoria-retail .retail-team__link {
        transition: none;
    }

}

/* Carrito en estado normal */
.consultoria-retail .retail-route__icon--cart {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

/* Cuando la ruta está seleccionada → carrito blanco */
.consultoria-retail .retail-route.is-active .retail-route__icon--cart {
    filter: brightness(0) invert(1);
}

/* =========================================================
   AJUSTES FINALES DE PRESENTACIÓN - OCTUBRE 2026
   ========================================================= */

/* HERO: usa todo el ancho disponible; solo rompe línea cuando realmente hace falta. */
.consultoria-retail .retail-hero p {
    max-width: none;
}

/* RUTAS: centramos el contenido de los dos bloques verdes y reducimos
   el espacio muerto lateral, sin afectar las tarjetas de servicios. */
.consultoria-retail .retail-panel__lead .retail-layout {
    width: min(calc(100% - 64px), 1050px);
    margin-left: auto;
    margin-right: auto;
}

.consultoria-retail .retail-panel__lead .retail-benefits {
    grid-template-columns: 1.15fr 0.85fr;
    column-gap: 4rem;
    width: 100%;
}

/* =========================================================
   RUTAS - DISTRIBUCIÓN FINAL DE BENEFICIOS
   ========================================================= */

.consultoria-retail .retail-panel__lead .retail-layout {
    width: min(calc(100% - 64px), 1050px);
    margin-left: auto;
    margin-right: auto;
}


/* DESKTOP / TABLET */
@media (min-width: 768px) {

    .consultoria-retail
    .retail-panel__lead
    .retail-benefits {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 3rem;
        width: 100%;
    }

    /* Movemos solamente 2, 4 y 6 */
    .consultoria-retail
    .retail-panel__lead
    .retail-benefits > li:nth-child(even) {
        transform: translateX(90px);
    }
}


/* TABLET */
@media (min-width: 768px) and (max-width: 991.98px) {

    .consultoria-retail
    .retail-panel__lead
    .retail-layout {
        width: min(calc(100% - 48px), 900px);
    }

    .consultoria-retail
    .retail-panel__lead
    .retail-benefits {
        column-gap: 2.5rem;
    }

    /* En tablet desplazamos menos */
    .consultoria-retail
    .retail-panel__lead
    .retail-benefits > li:nth-child(even) {
        transform: translateX(25px);
    }
}


/* MÓVIL */
@media (max-width: 767.98px) {

    .consultoria-retail
    .retail-panel__lead
    .retail-layout {
        width: calc(100% - 36px);
    }

    .consultoria-retail
    .retail-panel__lead
    .retail-benefits {
        grid-template-columns: 1fr;
        column-gap: 0;
        width: 100%;
    }

    .consultoria-retail
    .retail-panel__lead
    .retail-benefits > li {
        transform: none;
        width: 100%;
    }
}

/* LOGOS DESKTOP:
   18 columnas internas = cada logo ocupa 2.
   Así podemos centrar exactamente los 6 logos de la última fila. */
@media (min-width: 1200px) {
    .consultoria-retail .retail-clients__grid {
        grid-template-columns: repeat(18, minmax(0, 1fr));
    }

    .consultoria-retail .retail-clients__item {
        grid-column: span 2;
    }

    .consultoria-retail .retail-clients__item:nth-child(46) {
        grid-column: 4 / span 2;
    }
}

/* TABLET: también centramos la última fila incompleta. */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .consultoria-retail .retail-clients__grid {
        grid-template-columns: repeat(16, minmax(0, 1fr));
    }

    .consultoria-retail .retail-clients__item {
        grid-column: span 2;
    }

    .consultoria-retail .retail-clients__item:nth-child(49) {
        grid-column: 6 / span 2;
    }
}

/* CARRUSEL MÓVIL:
   Los últimos 3 logos quedan centrados en una sola fila;
   no aparece una segunda fila vacía que parezca otra hoja. */
@media (max-width: 767.98px) {
    .consultoria-retail
    .retail-clients__slide-grid.retail-clients__slide-grid--incomplete {
        grid-template-rows: 82px;
        align-content: center;
        min-height: 82px;
    }
}

/* EQUIPO: la tarjeta completa es el hipervínculo. */
.consultoria-retail a.retail-team__card {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.consultoria-retail a.retail-team__card:hover {
    color: inherit;
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow:
        0 19px 34px rgba(0, 50, 35, .14),
        0 5px 10px rgba(0, 50, 35, .06);
}

.consultoria-retail a.retail-team__card:focus-visible {
    outline: 3px solid #72b895;
    outline-offset: 4px;
}

/* El botón circular ya no se utiliza. */
.consultoria-retail .retail-team__link {
    display: none;
}

@media (max-width: 991.98px) {
    .consultoria-retail .retail-panel__lead .retail-layout {
        width: min(calc(100% - 48px), 900px);
    }

    .consultoria-retail .retail-panel__lead .retail-benefits {
        column-gap: 2.5rem;
    }
}

@media (max-width: 767.98px) {
    .consultoria-retail .retail-panel__lead .retail-layout {
        width: calc(100% - 36px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .consultoria-retail a.retail-team__card {
        transition: none;
    }
}
/* =========================================================
   BOTONES FLOTANTES - ESTILO ORIGINAL BC&B BUSINESS
   ========================================================= */

.consultoria-retail .btn-flotante {
    border-radius: 10px;
    background-color: white;
    padding: 18px 30px;
    position: fixed;
    width: 100px;
    text-align: center;
    line-height: 50px;
    bottom: 40px;
    right: 150px;
    transition: all 300ms ease 0ms;
    box-shadow: 10px 10px 23px -2px rgba(0,0,0,0.76);
    z-index: 99;
    text-decoration: none;
}

.consultoria-retail .btn-flotante:hover {
    color: white;
    box-shadow: 10px 10px 23px -2px rgba(0,0,0,0.76);
    transform: translateY(-7px);
}

.consultoria-retail .btn-flotante-idioma {
    border-radius: 10px;
    background-color: white;
    padding: 18px 30px;
    position: fixed;
    width: 100px;
    text-align: center;
    line-height: 50px;
    bottom: 40px;
    right: 40px;
    box-shadow: 10px 10px 23px -2px rgba(0,0,0,0.76);
    z-index: 99;
    text-decoration: none;
}

.consultoria-retail .imagenidioma {
    width: 60%;
    height: auto;
    margin-left: 20%;
}


/* =========================================================
   RESPONSIVE ORIGINAL
   ========================================================= */

@media (max-width: 768px) {

    .consultoria-retail .imagenidioma {
        width: 38%;
        height: auto;
        margin-left: 30%;
    }
}

@media only screen and (max-width: 600px) {

    .consultoria-retail .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 20px;
        right: 100px;
        width: 70px;
    }

    .consultoria-retail .btn-flotante-idioma {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 20px;
        right: 20px;
        width: 70px;
    }
}