/* Shared article TOC styles (Elementor Pro Table of Contents widget with class ck-indice).
 * Used by the recipe template (12522) and the guide template (19593). Edit here only: both update.
 * Moved from 12522 page settings on 07/11/2026; '.elementor' replaces Elementor's 'selector' to keep specificity. */
/* Índice del artículo (widget Tabla de contenidos de Elementor Pro, clase ck-indice). Sus opciones (título, niveles, plegado) se editan en el widget; aquí solo lo que el widget no trae. */
.elementor .ck-indice{border:0;background:transparent;padding:0}
.elementor .ck-indice .elementor-toc__header{padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid #EBEBEB}
.elementor .ck-indice .elementor-toc__header-title{font-family:"Bricolage Grotesque",sans-serif;font-size:15px;font-weight:600;color:#0F172A}
.elementor .ck-indice .elementor-toc__body{padding:0;max-height:calc(100vh - 280px);overflow-y:auto;scrollbar-width:thin}
.elementor .ck-indice .elementor-toc__list-wrapper{margin:0;padding:0;list-style:none}
.elementor .ck-indice .elementor-toc__list-item{margin:0}
.elementor .ck-indice .elementor-toc__list-item-text-wrapper{display:block}
.elementor .ck-indice .elementor-toc__list-item-text{display:block;padding:8px 12px;border-radius:8px;font-size:15px;line-height:1.35;text-decoration:none;transition:background-color .15s,color .15s}
.elementor .ck-indice .elementor-toc__list-item-text:hover{background:#F6F6F6}
.elementor .ck-indice .elementor-toc__list-item-text.elementor-item-active{background:#DDF3E6;color:#0F172A;font-weight:600}
.elementor .ck-indice .elementor-toc__list-wrapper .elementor-toc__list-wrapper{margin:2px 0 0;padding:0}
.elementor .ck-indice .elementor-toc__list-wrapper .elementor-toc__list-wrapper .elementor-toc__list-item-text{padding-inline-start:24px;font-size:13px}
/* Elementor marca todos los apartados que están en pantalla: se deja marcado solo el primero */
.elementor .ck-indice .elementor-toc__list-item:has(.elementor-item-active) ~ .elementor-toc__list-item .elementor-item-active,.elementor .ck-indice .elementor-toc__list-item:has(> .elementor-toc__list-item-text-wrapper > .elementor-item-active) > .elementor-toc__list-wrapper .elementor-item-active{background:transparent;color:var(--item-text-color);font-weight:400}
.elementor .ck-indice .elementor-toc__list-item:has(.elementor-item-active) ~ .elementor-toc__list-item .elementor-item-active:hover,.elementor .ck-indice .elementor-toc__list-item:has(> .elementor-toc__list-item-text-wrapper > .elementor-item-active) > .elementor-toc__list-wrapper .elementor-item-active:hover{background:#F6F6F6}
/* Con menos de 3 apartados no hace falta índice (escritorio) */
@media (min-width:1025px){.elementor .ck-indice:not(:has(.elementor-toc__list-wrapper > .elementor-toc__list-item ~ .elementor-toc__list-item ~ .elementor-toc__list-item)):not(:has(.elementor-toc__spinner-container)){display:none}}
/* Tableta y móvil: caja plegada encima del texto */
@media (max-width:1024px){
.elementor .ck-indice{border:1px solid #E2E2E2;border-radius:12px;padding:14px 16px;background:#FFFFFF}
.elementor .ck-indice .elementor-toc__header{padding:0;margin:0;border:0}
.elementor .ck-indice:not(.elementor-toc--collapsed) .elementor-toc__header{padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid #EBEBEB}
.elementor .ck-indice .elementor-toc__body{max-height:none}
.elementor .ck-indice:not(:has(.elementor-toc__list-item)):not(:has(.elementor-toc__spinner-container)){display:none}
}
/* Al saltar a un apartado, que la cabecera fija no tape el título */
.elementor .elementor-widget-theme-post-content :is(h2,h3,.elementor-menu-anchor){scroll-margin-top:144px}
@media (max-width:1024px){.elementor .elementor-widget-theme-post-content :is(h2,h3,.elementor-menu-anchor){scroll-margin-top:132px}}
@media (prefers-reduced-motion:reduce){.elementor .ck-indice *{transition:none!important}}