/* Start custom CSS for shortcode, class: .elementor-element-4ec7edb *//* Contenedor principal de la billetera */
.billetera-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Título principal */
.billetera-container h1 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

/* Resumen de la billetera */
.billetera-resumen {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.billetera-resumen p {
    font-size: 16px;
    margin-bottom: 8px;
    color: #555;
}

.billetera-resumen strong {
    color: #333;
}

/* Estilo para las tablas dentro de la billetera */
.billetera-container table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.billetera-container th, .billetera-container td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.billetera-container th {
    background-color: #f4f4f4;
    font-weight: bold;
    color: #333;
}

.billetera-container td {
    color: #555;
}

/* Estilo para la sección de retiros */
.billetera-retiros h2, .billetera-pedidos h2 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333;
}



.billetera-solicitar-retiro h2 {
font-size: 22px;
}

/* Formulario de solicitud de retiro */
.billetera-solicitar-retiro form {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    margin: 0 auto;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.billetera-solicitar-retiro label {
    font-size: 15px;
    margin-bottom: 8px;
    color: #555;
}

.billetera-solicitar-retiro input {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 12px;
}

.billetera-solicitar-retiro button {
    background-color: #28a745;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.billetera-solicitar-retiro button:hover {
    background-color: #218838;
}

/* Estilo de las tablas de pedidos con cupón */
.billetera-pedidos table {
    margin-top: 20px;
}

.billetera-pedidos td,
.billetera-pedidos th {
    text-align: center;
}

.billetera-pedidos th {
    background-color: #f4f4f4;
}

.billetera-pedidos td {
    background-color: #fff;
}

/* Mensajes cuando no hay datos */
.billetera-container p {
    text-align: center;
    font-size: 16px;
    color: #888;
}

/* Estilo de los enlaces */
.billetera-container a {
    color: #007bff;
    text-decoration: none;
}

.billetera-container a:hover {
    text-decoration: underline;
}


.billetera-dinero {
    font-weight: bold;
    color: green; /* Azul claro */
    font-size: 1.2em;
    background-color: #f1f1f1; /* Fondo claro */
    padding: 5px 10px;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8a035f4 */.billeteras-lista {
    margin: 20px 0;
}

.billetera-item {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
}
.billetera-item h3 {
    font-size: 18px;
}

.billetera-expand-button {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
}

.billetera-retiros {
    margin-top: 20px;
}

.billetera-retiros table {
    width: 100%;
    border-collapse: collapse;
}

.billetera-retiros th, .billetera-retiros td {
    padding: 8px;
    border: 1px solid #ddd;
}

.billetera-retiros th {
    background-color: #f4f4f4;
}

.billetera-retiros select {
    padding: 5px;
    font-size: 14px;
}

.billetera-retiros button[type="submit"] {
    padding: 5px 10px; /* Reduce el tamaño del botón */
    font-size: 12px; /* Reduce el tamaño de la letra */
    background-color: green; /* Fondo azul */
    color: white; /* Color de texto blanco */
    border: none; /* Elimina los bordes */
    border-radius: 3px; /* Bordes redondeados */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    transition: background-color 0.3s ease; /* Añade transición de color al pasar el mouse */
}

.billetera-retiros button[type="submit"]:hover {
    background-color: green; /* Cambia el fondo cuando el mouse pasa sobre el botón */
}

.billetera-retiros select {
    padding-right: 20px; /* Asegura que haya espacio suficiente a la derecha para la flecha */
    font-size: 14px; /* Ajuste del tamaño de la fuente para que se vea mejor */
    appearance: none; /* Elimina la flecha predeterminada del navegador */
    -webkit-appearance: none; /* Elimina la flecha predeterminada en WebKit (Chrome, Safari) */
    -moz-appearance: none; /* Elimina la flecha predeterminada en Firefox */
    border-radius: 3px; /* Bordes redondeados */
    background-color: #fff; /* Fondo blanco */
    border: 1px solid #ccc; /* Borde gris claro */
    height: 30px; /* Ajusta la altura para que no sea demasiado alto */
}

.billetera-retiros select:focus {
    outline: none; /* Elimina el borde al hacer foco */
    border-color: #0073aa; /* Cambia el color del borde al hacer foco */
}

.billetera-retiros select::-ms-expand {
    display: none; /* Elimina la flecha de IE */
}

.billetera-retiros .custom-select-wrapper {
    position: relative;
    display: inline-block;
}

.billetera-retiros .custom-select-wrapper:after {
    content: '▼'; /* Usamos una flecha personalizada */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%); /* Centra la flecha verticalmente */
    font-size: 16px; /* Tamaño de la flecha */
    pointer-events: none; /* Desactiva la interacción con la flecha */
}/* End custom CSS */