/*Dise帽o de los switcher*/
/* ===== 脥conos compartidos ===== */
.icon {
  display: inline-block;
  line-height: 1;
}
.icon__svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.16em;
}

/* ===== Bot贸n toggle ===== */
:root {
  --theme-toggle-icon-size: 1.6rem;
  --theme-toggle-transition-fast: 400ms;
  --theme-toggle-transition-slow: 250ms;
  --theme-toggle-transition-funct: ease-in-out;
}

.theme-toggle {
  position: relative;
  display: grid;
  grid-template-rows: var(--theme-toggle-icon-size);
  grid-template-columns: var(--theme-toggle-icon-size);
  justify-content: center;
  align-items: center;
  padding: 0.18em 0.18em 0.2em 0.2em;
  background: #42424275;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  color: #858585;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  outline-offset: 5px;
  transition: border-color 0.25s ease;
}
.theme-toggle:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.theme-toggle .icon {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  opacity: 0;
  font-size: 0;
}

.theme-toggle__sun,
.theme-toggle__sepia,
.theme-toggle__moon {
  transition-property: font-size, opacity;
  transition-timing-function: var(--theme-toggle-transition-funct);
}

/* Estado LIGHT */
[data-theme="light"] .theme-toggle__sun   { font-size: 1.2rem; opacity: 1; transition-duration: var(--theme-toggle-transition-slow); }
[data-theme="light"] .theme-toggle__sepia { font-size: 0; opacity: 0; transition-duration: var(--theme-toggle-transition-fast); }
[data-theme="light"] .theme-toggle__moon  { font-size: 0; opacity: 0; transition-duration: var(--theme-toggle-transition-fast); }

/* Estado SEPIA */
[data-theme="sepia"] .theme-toggle__sun   { font-size: 0; opacity: 0; transition-duration: var(--theme-toggle-transition-fast); }
[data-theme="sepia"] .theme-toggle__sepia { font-size: 1.2rem; opacity: 1; transition-duration: var(--theme-toggle-transition-slow); }
[data-theme="sepia"] .theme-toggle__moon  { font-size: 0; opacity: 0; transition-duration: var(--theme-toggle-transition-fast); }

/* Estado DARK */
[data-theme="dark"] .theme-toggle__sun   { font-size: 0; opacity: 0; transition-duration: var(--theme-toggle-transition-fast); }
[data-theme="dark"] .theme-toggle__sepia { font-size: 0; opacity: 0; transition-duration: var(--theme-toggle-transition-fast); }
[data-theme="dark"] .theme-toggle__moon  { font-size: 1.2rem; opacity: 1; transition-duration: var(--theme-toggle-transition-slow); }

/* ===== Toast del mensaje ===== */
.theme-toast {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 4px 10px;
  border-radius: 12px;
  pointer-events: none;
  opacity: 0;
}

.theme-toast.is-visible {
  animation: nm-toast-rise 1.3s ease forwards;
}

@keyframes nm-toast-rise {
  0%   { opacity: 0; transform: translate(-50%, 6px); }
  15%  { opacity: 1; transform: translate(-50%, -4px); }
  75%  { opacity: 1; transform: translate(-50%, -14px); }
  100% { opacity: 0; transform: translate(-50%, -26px); }
}

/*Botones de iniciar sesi贸n y suscribirse del header*/

.nm-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 922px) {
    .nm-header-actions {
        display: none;
    }
}

@media (min-width: 922px) {
    .menu-icon-profile {
        display: none;
    }
}

.nm-btn {
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: 0.3px;
}

.nm-btn-login {
  background: transparent;
  color: #e8e6e3;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.nm-btn-login:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.nm-btn-subscribe {
  background: #e8e6e3;
  color: #1a1a1a;
  border: 1px solid #e8e6e3;
}
.nm-btn-subscribe:hover {
  background: #ffffff;
}

@media (max-width: 767px) {
  .nm-header-actions { gap: 8px; }
  .nm-btn { padding: 8px 16px; font-size: 13px; }
}

/*Ajustes del logo de texto en el header*/

.site-logo {
	display: flex;
  flex-direction: column;
}

.logo-title {
	font-family: Newsreader, Georgia, serif;
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 500;
  letter-spacing: -0.025em;
	color: #fff;
}

.logo-subtitle {
	font-size: 10px;
	font-weight: 500;
	color: #adadad;
	letter-spacing: 0.1em;
  text-transform: uppercase;
	margin-top: -0.25rem;
}

.header-switcher-auth {
	display: flex;
	gap: 20px;
	align-items: center;
}

/*Ajustes del header sobreescritos temporales*/

.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 28px;
}

.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link {
  color: #9a9a9a;
  font-weight: 500;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #cecece;
    background-color: #5c5c5c;
    padding: 0px 12px;
    border-radius: 5px;
}

/*Ajustes de icono de sitio web central (thesupercris.com)*/

.site-branding-container {
	display: flex;
  align-items: center;
  gap: 10px;
}

.site-branding-container .site-branding {
	margin-top: -7px;
}

.site-branding-container .site-branding-central-link {
	padding: 6px 4px 8px 4px;
  line-height: 0;
  border-radius: 50%;
  color: #858585;
  background: #4a712175;
  border: 1px solid rgb(255 201 79 / 35%);
}

.site-branding-container .site-branding-central img {
	max-width: 25px;
}

/*Poniendo el toogle hambnurguesa en fixed*/

header .ast-mobile-header-wrap .site-header-primary-section-right>div:first-child  {
    padding-right: 0;
}

header .ast-mobile-header-wrap .site-header-primary-section-right>div:last-child  {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0;
}