.layout-editorial .fuenteParrafo,
.layout-editorial .text-acordeon {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.layout-editorial {
    width: 100%;
    max-width: var(--ancho-editorial);
    margin: 0 auto;
    padding: 0 var(--padding-movil);
}

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

}

/* ===============================
   ANCHO EDITORIAL GLOBAL
   =============================== */

:root {
    --ancho-editorial: 1200px;
    --padding-movil: 12px;
    --padding-tablet: 24px;
}

/* ===============================
   BREADCRUMB
   =============================== */

.breadcrumb-desktop {
    width: 100%;
    margin-top:20px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0 auto 8px auto;
    padding: 0 var(--padding-movil);
    /*max-width: var(--ancho-editorial);*/
    font-size: 0.7rem;
    color: #00B267;
}

/* ITEMS */
.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #00B267;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.active {
    pointer-events: none;
}

.breadcrumb-separator {
    margin: 0 4px;
    user-select: none;
}

/* ===============================
   TEXTO PRINCIPAL
   =============================== */

.text-acordeon,
.fuenteParrafo {
    /*max-width: var(--ancho-editorial);*/
    margin: 0 auto;
    text-align: left;
}

/* ===============================
   TABLET ≥ 576px
   =============================== */

/* MÓVIL: ocultamos a partir del tercer nivel */
@media (max-width: 575.98px) {
  .breadcrumb {
    white-space: nowrap;
    font-size: 0.65rem;
  }

  /* Ocultamos SOLO a partir del tercer nivel */
  .breadcrumb-item:nth-of-type(n+3),
  .breadcrumb-item:nth-of-type(n+3) + span {
    display: none;
  }
}

/* Estilos para móviles */
@media only screen and (max-width: 768px) {
    .layout-editorial {
        max-width: 94%;
    }
}

/* Estilos para tablets */
@media only screen and (max-width: 1200px) and (min-width: 768px){
    .layout-editorial {
        max-width: 96%;
    }
}