.elementor-16803 .elementor-element.elementor-element-3b7e840{--display:flex;}.elementor-16803 .elementor-element.elementor-element-01804cf{--display:flex;}.elementor-16803 .elementor-element.elementor-element-6504afe{--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;}.elementor-16803 .elementor-element.elementor-element-e0d87a4{--spacer-size:50px;}.elementor-16803 .elementor-element.elementor-element-e22729f{--display:flex;}.elementor-16803 .elementor-element.elementor-element-ac0e36d{--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;}.elementor-16803 .elementor-element.elementor-element-e3e7c42{--spacer-size:50px;}.elementor-16803 .elementor-element.elementor-element-516d7e7{--display:flex;}.elementor-16803 .elementor-element.elementor-element-6ef45e6{--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;}.elementor-16803 .elementor-element.elementor-element-8aea8ee{--spacer-size:50px;}.elementor-16803 .elementor-element.elementor-element-9dc0f7c{--display:flex;}.elementor-16803 .elementor-element.elementor-element-ebafe62{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-b24cbf9 */.design-system-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
}

.design-system-table thead tr {
    background-color: #2c3e50; /* Color oscuro para el encabezado */
    color: #ffffff;
    text-align: left;
}

.design-system-table th,
.design-system-table td {
    padding: 12px 15px;
    border: 1px solid #dddddd;
}

.design-system-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

/* Estilo para el código (el texto gris) */
code {
    background: #e8e8e8;
    padding: 2px 5px;
    border-radius: 4px;
    font-family: monospace;
}

.copy-btn {
    margin-left: 10px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s;
}

.copy-btn:hover {
    background-color: #e0e0e0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef4eb77 */.design-system-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
}

.design-system-table thead tr {
    background-color: #2c3e50; /* Color oscuro para el encabezado */
    color: #ffffff;
    text-align: left;
}

.design-system-table th,
.design-system-table td {
    padding: 12px 15px;
    border: 1px solid #dddddd;
}

.design-system-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

/* Estilo para el código (el texto gris) */
code {
    background: #e8e8e8;
    padding: 2px 5px;
    border-radius: 4px;
    font-family: monospace;
}

.copy-btn {
    margin-left: 10px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s;
}

.copy-btn:hover {
    background-color: #e0e0e0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9be856 */.design-system-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
}

.design-system-table thead tr {
    background-color: #2c3e50; /* Color oscuro para el encabezado */
    color: #ffffff;
    text-align: left;
}

.design-system-table th,
.design-system-table td {
    padding: 12px 15px;
    border: 1px solid #dddddd;
}

.design-system-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

/* Estilo para el código (el texto gris) */
code {
    background: #e8e8e8;
    padding: 2px 5px;
    border-radius: 4px;
    font-family: monospace;
}

.copy-btn {
    margin-left: 10px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s;
}

.copy-btn:hover {
    background-color: #e0e0e0;
}/* End custom CSS */