/* 19-10-2026 (Alberto): iconos SIN CÍRCULO fuera de la cabecera, como la barra de Google Chat:
 * el icono solo, con línea fina; al pasar el ratón, un círculo gris suave detrás; activo = icono en rojo.
 * Afecta a: corazón de favoritos (carteles y listas), entradas y enviar de cada fiesta, flechas de carruseles, X de cerrar y ventana de compartir. */

/* --- base: fuera borde, fondo y sombra --- */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) :is(.simplefavorite-button, .t26-crs__flecha, .t26-car__flecha, .tpd26-cajon__x, .t26-sh__x, .t26s-panel__x, .t26-tk, .t26-env, .t26-fav) {
	border-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	transition: background-color .15s ease, color .15s ease !important;
}
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) :is(.simplefavorite-button, .t26-crs__flecha, .t26-car__flecha, .tpd26-cajon__x, .t26-sh__x, .t26s-panel__x, .t26-tk, .t26-env, .t26-fav):hover {
	background: rgba(128, 128, 128, .22) !important;
}

/* --- corazón de favoritos: más grande al no tener círculo; guardado = corazón rojo --- */
/* al no tener círculo, los iconos van MÁS GRANDES que los de la barra de arriba (16 px): 22 px en un hueco de 36 px */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) :is(.simplefavorite-button, .t26-tk, .t26-env) { width: 36px !important; height: 36px !important; min-width: 36px !important; }
/* 19-10 v2: TODOS los iconos de fuera del menú del MISMO tamaño (22 px): corazón, entradas, enviar y los de Social */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) :is(.simplefavorite-button, .t26-tk, .t26-env)::before { width: 22px !important; height: 22px !important; -webkit-mask-size: contain !important; mask-size: contain !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26s-acc .t26s-ic svg { width: 22px !important; height: 22px !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .simplefavorite-button.active,
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .simplefavorite-button.active i,
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26-tk:is(.is-on, [aria-pressed="true"]) { color: #e40613 !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .simplefavorite-button.active::before,
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26-tk:is(.is-on, [aria-pressed="true"])::before { background-color: #e40613 !important; }
/* encima de los carteles: sombra suave para que se vea en fotos claras */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .simplefavorite-button:not(.t26-fav *),
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) :is(.t26-crs, .t26-fiestas) :is(.t26-tk, .t26-env),
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) :is(.t26-crs__flecha, .t26-car__flecha) { filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .7)); }

/* --- ventana de compartir: iconos sin círculo --- */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26-sh__op i {
	border-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: background-color .15s ease, color .15s ease !important;
}
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26-sh__op:hover i,
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26-sh__op:focus-visible i { background: rgba(128, 128, 128, .22) !important; color: #fff !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18) .t26-sh__op:hover span { color: inherit !important; }

/* ===== 19-10 v3 (Alberto) =====
 * REGLA: los iconos NO cambian de sitio. El corazón siempre arriba a la derecha; lo que aparece nuevo (la entrada) va a su lado, a la izquierda. */
html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26-ft__acc { flex-direction: row-reverse !important; align-items: center !important; gap: 0 !important; }
html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26-ft__acc > .t26-fav { order: 0 !important; }
html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26-ft__acc > .t26-env { order: 1 !important; }
html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26-ft__acc > .t26-tk { order: 2 !important; }

/* LIVE en las fichas de fiesta: en medio entre el día y el nombre de la fiesta */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26-ficha__cab .t26-et--live { margin-top: 12px !important; margin-bottom: 0 !important; align-self: flex-start; }

/* SIN CÍRCULO también en: iconos de las fichas (guardar, seguir, enviar), redes sociales («También en»), etiquetas de las fotos y «···» de Social */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26-ic, .t26-rrss a, .t26-rrss__off, .t26s-fotos__etiq, .t26s-btn--ic) {
	border-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: background-color .15s ease, color .15s ease !important;
}
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26-ic, .t26-rrss a, .t26s-fotos__etiq, .t26s-btn--ic):hover { background: rgba(128, 128, 128, .22) !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26-ic, .t26-rrss a, .t26-rrss__off, .t26s-btn--ic) svg { width: 22px !important; height: 22px !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26s-fotos__etiq { filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .7)); }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26s-fotos__etiq svg { width: 22px !important; height: 22px !important; }
/* foto grande de la ficha: sin borde rojo, como en el perfil de Social */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26s-fichafoto { border: 0 !important; border-radius: 8px !important; }

/* Social: el «+» de publicar destaca: círculo blanco relleno y el + en el gris del fondo, un poco más grueso */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26s-barra .t26s-ib--crear { background: #fff !important; border-color: #fff !important; color: #2b2b2b !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26s-barra .t26s-ib--crear svg { stroke-width: 2.6 !important; }
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26s-barra .t26s-ib--crear:hover { background: #e40613 !important; border-color: #e40613 !important; color: #fff !important; }

/* la barra de Social encima de la ficha cuando llegas desde Social */
html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) .t26s-fichabarra { max-width: none !important; padding: 0 !important; margin: 0 0 28px !important; }
