.elementor-2031 .elementor-element.elementor-element-335814b{--display:flex;--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;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-2031 .dialog-widget-content{animation-duration:1s;border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2031{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2031 .dialog-message{width:850px;height:74vh;align-items:flex-start;}#elementor-popup-modal-2031 .dialog-close-button{display:flex;top:-50px;font-size:40px;}body:not(.rtl) #elementor-popup-modal-2031 .dialog-close-button{right:45%;}body.rtl #elementor-popup-modal-2031 .dialog-close-button{left:45%;}#elementor-popup-modal-2031 .dialog-close-button i{color:var( --e-global-color-f7cc2f5 );}#elementor-popup-modal-2031 .dialog-close-button svg{fill:var( --e-global-color-f7cc2f5 );}#elementor-popup-modal-2031 .dialog-close-button:hover i{color:var( --e-global-color-primary );}@media(max-width:767px){#elementor-popup-modal-2031 .dialog-message{width:100%;height:82vh;}#elementor-popup-modal-2031{justify-content:center;align-items:center;}#elementor-popup-modal-2031 .dialog-close-button{top:-50px;}body:not(.rtl) #elementor-popup-modal-2031 .dialog-close-button{right:45%;}body.rtl #elementor-popup-modal-2031 .dialog-close-button{left:45%;}}/* Start custom CSS for html, class: .elementor-element-b451051 *//* Contenedor de la tabla */
.table-container {
    width: 100%;
    border-radius: 10px;
    overflow-x: auto; /* Permite desplazamiento horizontal en móviles */
}

/* Estilos de la tabla */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* Evita que la tabla se achique demasiado */
}

/* Encabezado de la tabla */
.custom-table thead {
    background-color: #9982B7;
    color: #FFFFFF; /* Color blanco para los títulos */
}

/* Estilo de las celdas */
.custom-table th, 
.custom-table td {
    border: 1px solid #9982B7; /* Filete color #9982B7 */
    padding: 5px;
    text-align: center;
    color: #34312E; /* Color del texto en la tabla */
}
.precio {
   font-size: 25px;
   font-family: invitea;
   font-weight: bold;
}

.preciotitulo {
   font-size: 25px;
   font-family: invitea;
   font-weight: bold;
}
/* Estilo de la primera columna (Características) */
.custom-table tbody td:first-child {
    text-align: left; /* Alineado a la izquierda */
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFAF9;
}

/* Encabezados fijos en la parte superior */
.custom-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    color: #FFFAF9;
    background-color: #7d5482/* Asegura que los títulos sean blancos */
}

/* Fijar la primera columna en móviles */
@media (max-width: 768px) {
    .table-container {
        overflow-x: auto;
        position: relative;
    }

    .custom-table thead th:first-child,
    .custom-table tbody td:first-child {
        position: sticky;
        left: 0;
        z-index: 20; /* Asegura que no se superponga */
        border-right: 1px solid #9982B7; /* Mantiene el filete separador */
        background-color: #ccb3d1;
        color: #34312E;
    }

    /* Ajuste para mejorar la experiencia en móviles */
    .custom-table tbody td:first-child {
        min-width: 150px;
    }
}/* End custom CSS */