:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   BOTÓN VOLVER ARRIBA (SCROLL TO TOP) - PERSONALIZADO
   ========================================================= */

/* Contenedor flotante (Escritorio / Base) */
#ast-scroll-top {
  position: fixed !important;
  bottom: 30px !important;
  right: 30px !important;
  width: 48px !important;
  height: 48px !important;
  background-color: #1C1A17 !important; /* Tono tinta oscuro (--ink) */
  border: 1px solid #B08D57 !important;  /* Borde en latón/oro viejo (--brass) */
  border-radius: 6px !important;        /* Esquinas sutilmente redondeadas */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 9999 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  transition: all 0.3s ease !important;
  outline: none !important;
}

/* Ocultar texto accesible para lectores de pantalla */
#ast-scroll-top .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Icono y rotación del SVG hacia arriba */
#ast-scroll-top .ast-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

#ast-scroll-top .ast-arrow-svg {
  width: 16px !important;
  height: 16px !important;
  fill: #D8BE8C !important;            /* Color latón claro (--brass-light) */
  transform: rotate(180deg) !important; /* Corrige la orientación nativa de Astra */
  transition: transform 0.3s ease, fill 0.3s ease !important;
}

/* Efecto al pasar el cursor (Hover) */
#ast-scroll-top:hover {
  background-color: #FF5A1F !important; /* Naranja/coral de conversión (--cta-main) */
  border-color: #FF9A2E !important;
  box-shadow: 0 12px 28px rgba(255, 90, 31, 0.45) !important;
  transform: translateY(-4px) !important;
}

#ast-scroll-top:hover .ast-arrow-svg {
  fill: #FFFFFF !important;
  transform: rotate(180deg) translateY(2px) !important;
}

/* Estado activo al presionar */
#ast-scroll-top:active {
  transform: translateY(-1px) scale(0.96) !important;
}

/* =========================================================
   RESPONSIVO COMPACTO (Móviles y Tablets)
   ========================================================= */

/* Tablets y pantallas medianas (<= 768px) */
@media (max-width: 768px) {
  #ast-scroll-top {
    bottom: 20px !important;
    right: 20px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 5px !important;
  }

  #ast-scroll-top .ast-arrow-svg {
    width: 13px !important;
    height: 13px !important;
  }
}

/* Móviles pequeños (<= 480px) */
@media (max-width: 480px) {
  #ast-scroll-top {
    bottom: 15px !important;
    right: 15px !important;
    width: 34px !important;  /* Tamaño ultracompacto para no tapar contenido */
    height: 34px !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
  }

  #ast-scroll-top .ast-arrow-svg {
    width: 11px !important;
    height: 11px !important;
  }
}/* End custom CSS */