.elementor-17638 .elementor-element.elementor-element-91437bc{--display:flex;--min-height:1315px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-17638 .elementor-element.elementor-element-9a310f6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;}.elementor-17638 .elementor-element.elementor-element-9a310f6.e-con{--align-self:center;}.elementor-17638 .elementor-element.elementor-element-1c05009{width:auto;max-width:auto;}.elementor-17638 .elementor-element.elementor-element-1c05009 > .elementor-widget-container{margin:070px 0px 0px 0px;}.elementor-17638 .elementor-element.elementor-element-1c05009.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-17638 .elementor-element.elementor-element-91437bc{--width:1080px;--min-height:1315px;}.elementor-17638 .elementor-element.elementor-element-9a310f6{--min-height:100px;}}/* Start custom CSS *//* =======================================================================
   SISTEMA DE CONTROL DE FLUJO PARA TÓTEM (1080x1315)
   ======================================================================= */

/* 1. Bloqueo absoluto de scroll en el navegador del tótem */
html, body {
    height: 1315px !important;
    max-height: 1315px !important;
    overflow: display !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ocultar barras de scroll invisibles que puedan generar saltos */
::-webkit-scrollbar {
    display: none !important;
}

/* 2. El Contenedor Maestro: Fuerza las medidas exactas y activa el estiramiento */
#totem-canvas {
    width: 1080px !important;
    height: 1315px !important;
    max-width: 1080px !important;
    max-height: 1315px !important;
    min-height: 1315px !important;
    overflow: display !important;
    
    /* Activamos Flexbox para controlar las sub-cajas de Elementor */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

/* Forzar a que los contenedores directos de Elementor respeten el flujo vertical */
#totem-canvas > .e-con, 
#totem-canvas > .elementor-section {
    width: 100% !important;
}

/* 3. La caja elástica: absorbe el aire sobrante y empuja lo demás al piso */
.totem-relleno {
    flex: 1 !important; 
    overflow: display !important;
}/* End custom CSS */