/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Animaciones suaves en el hover de los botones de Spectra */
.uagb-buttons-repeater {
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease !important;
}

.uagb-buttons-repeater .uagb-button__link,
.uagb-buttons-repeater svg {
    transition: color 0.4s ease, fill 0.4s ease !important;
}

/* Botón de accesibilidad */
#acwp-toolbar-btn-wrap.show {
    z-index: 0 !important; /* Evitamos que aparezca por encima de otros elementos, como joinchat cuando está abierto */
}

/* Botón de joinchat */
.joinchat__open{
	background-color: var(--ast-global-color-1);
}

.joinchat__open:hover {
	background-color: var(--ast-global-color-0);
}

/* Estilo para la etiqueta Próximamente en los servicios online. Borrar todo este código hasta "FIN etiqueta submenú" cuando se lance servicios online */
.submenu-imove-studio > a::after,
.menu-servicios-online > a::after {
    content: "Próximamente";
    font-size: 11px;               /* Tamaño de letra pequeño */
    font-weight: 500;
    color: var(--ast-global-color-1);              
    background-color: var(--ast-global-color-4);  
    padding: 5px 10px;             /* Espaciado interno */
    border-radius: 10px 0px;        
    margin-left: 10px;             /* Separación con el texto del menú */
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

/* Ajuste opcional por si el texto queda muy ajustado en pantallas móviles */
.submenu-imove-studio > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

/* Etiqueta Próximamente debajo del texto en .menu-servicios-online */
/* Escritorio: la etiqueta se coloca bajo el texto sin alterar la altura de la fila del menú */
#ast-hf-menu-1 .menu-servicios-online > a {
    position: relative;
}

#ast-hf-menu-1 .menu-servicios-online > a::after {
    position: absolute;
    left: 50%;
    top: calc(50% + 14px);
    transform: translateX(-50%);
    margin: 0;
    white-space: nowrap;
}

/* Móvil: texto y etiqueta en dos líneas, alineados a la izquierda */
#ast-hf-mobile-menu .menu-servicios-online > a {
    display: block !important;
}

#ast-hf-mobile-menu .menu-servicios-online > a::after {
    display: block;
    width: fit-content;
    margin: 0 0 10px 0;
}
/* FIN eqtiqueta submenú */

.imove-list li {
    border-top: 1px solid var(--ast-global-color-0);
}

.imove-list li:last-child {
    border-bottom: 1px solid var(--ast-global-color-0);
}

/* Gestión transparencia cabecera */
@keyframes header-bg {
  to { background-color: var(--ast-global-color-6); }
}

#masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.admin-bar #masthead { top: 32px; }

#masthead .main-header-bar {
  background-color: transparent;
  box-shadow: inset 0 0 0 999px transparent;
  transition: box-shadow .4s ease-in-out;
}

#masthead:hover .main-header-bar {
  box-shadow: inset 0 0 0 999px var(--ast-global-color-6) !important;
}

@supports (animation-timeline: scroll()) {
  #masthead .main-header-bar {
    animation: header-bg linear both;
    animation-timeline: scroll(root);
    animation-range: 0 600px;
  }
}
/* Fin Gestión transparencia cabecera */

/* Control flickering en acordeon */
.wp-block-spectra-accordion-child-header {
  will-change: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.wp-block-spectra-accordion-child-header-content {
  display: flex;
  align-items: center;
  will-change: auto;
  backface-visibility: hidden;
}

/* Fuerza paint antes de la animación */
.wp-block-spectra-accordion-child-item {
  contain: layout style;
}
/* Fin Control flickering en acordeon */

.imove-card-session{
  position: relative;
}

.imove-card-session .imove-corner-icon{
  position: absolute !important;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%); /* centrado sobre la esquina superior izquierda */
  width: auto !important;        /* Spectra puede dar ancho 100% al contenedor del icono */
  margin: 0 !important;
  z-index: 1;
}

.imove-card-session .imove-center-icon {
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%); /* centrado sobre el borde superior, sea cual sea el ancho de la tarjeta */
  width: auto !important;        /* Spectra puede dar ancho 100% al contenedor del icono */
  margin: 0 !important;
  z-index: 1;
}

/* Barra lateral (para entradas de blog) */
aside.widget.widget_block {
    margin: 0px !important;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 1px !important;
}

.imove-blog-container h2 {
    font-size: 1.4rem !important;
}

p{
  text-align: justify;
}