.elementor-kit-6{--e-global-color-primary:#EFEDE6;--e-global-color-secondary:#495235;--e-global-color-text:#2B2B2A;--e-global-color-accent:#C1552D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Elementor Menu Cart (drawer / popup) */
.elementor-menu-cart__subtotal { display: none !important; }

/* Fallback para el mini-cart estándar de WooCommerce */
.woocommerce-mini-cart__total,
.widget_shopping_cart .total { display: none !important; }

/* Cart block */
.wc-block-cart .wc-block-components-totals-footer-item { 
  display: none !important; 
}

/* Checkout block (por si también aparece ahí) */
.wc-block-checkout .wc-block-components-totals-footer-item { 
  display: none !important; 
}

/* 1. Asigna una altura máxima a todo el layout del popup */
.popup-layout {
  max-height: 75vh; /* Usa el 75% de la altura de la pantalla como máximo */
  display: flex;    /* Usa flexbox para el layout principal */
  flex-direction: column; /* Apila la imagen y el formulario verticalmente */
}

/* 2. Configura el contenedor del formulario para que use Flexbox */
#popup-add-form {
  display: flex;
  flex-direction: column; /* Apila el contenido y los botones verticalmente */
  flex-grow: 1;           /* Permite que el formulario crezca para llenar el espacio */
  min-height: 0;          /* Necesario para que el scroll funcione correctamente en contenedores flex */
}

/* 3. Haz que el área de contenido sea la que tenga el scroll */
.popup-scroll-content {
  overflow-y: auto; /* ¡Esta es la clave! Agrega el scroll vertical solo cuando sea necesario */
  padding-right: 1em; /* Añade un poco de espacio para que la barra de scroll no se pegue al contenido */
}

/* 4. Fija el área de los botones en la parte inferior */
.popup-actions {
  flex-shrink: 0;   /* Evita que el contenedor de los botones se encoja */
  padding-top: 15px;
  margin-top: auto;   /* Empuja los botones hacia abajo */
  border-top: 1px solid #e0e0e0; /* Línea visual para separar */
}/* End custom CSS */