/* Contenedor para mover el módulo VIP */
.panel-container {
    display: flex;
     /* Alineado a la izquierda */
    margin-left: 250px; /* Ajusta el valor para mover más o menos a la derecha */
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
    /* align-content: flex-start; */
}

/* Panel VIP */
.panel-vip {
    max-width: 600px; /* Limita el ancho máximo */
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}


/* Hover para el panel */
.panel-vip:hover {
    filter: brightness(115%);
    transform: translateY(-5px); /* Eleva ligeramente el panel al pasar el mouse */
}

/* Encabezado del panel */
.panel-vip > .panel-heading {
    padding: 20px 15px 0;
    text-align: center;
}

/* Título del panel */
.panel-vip > .panel-heading > .panel-title {
    font-weight: bold;
    font-size: 24px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* Contenedor de la tabla VIP */
.vip-table-container {
    padding: 25px; /* Espaciado interno */
    border-radius: 12px; /* Bordes redondeados */
    display: flex; /* Usa flexbox */
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    flex-direction: column; /* Mantener en columna */
    max-width: 1100px; /* Más ancho */
    width: 90%; /* Ocupa todo el espacio disponible */
    margin: 0 auto; /* Centrar el contenedor */
    transform: scale(1.1); /* Aumenta el tamaño un 10% */
}

/* Tabla VIP */
.vip-table {
    width: 100%; /* Asegura que ocupe todo el contenedor */
    font-size: 18px; /* Texto más grande */
}

/* Celdas de la tabla */
.vip-table tbody tr td {
    padding: 15px; /* Más espacio entre celdas */
    text-align: center; /* Centrar contenido */
}

/* Celdas de la tabla centradas */
.vip-table tbody tr td {
    text-align: center;
}

/* Botón VIP */
.btn-vip {
    color: #fff;
    background: linear-gradient(145deg, #444, #222);
    border: none;
    padding: 10px 20px;
    border-radius: 8px; /* Botón redondeado */
    transition: all 0.2s ease;
    cursor: pointer; /* Cambio de cursor al pasar el mouse */
}

/* Hover para el botón */
.btn-vip:where(:hover, :focus) {
    background: linear-gradient(145deg, #666, #444);
    transform: scale(1.05); /* Efecto de agrandar ligeramente */
    color: #000;
}
/* VIP BRONZE STYLE */
	.panel-vip.type1 {
		background: #000000 url('../img/vip_panel_bg_1.jpg');
		background-size: cover;
	}
		.panel-vip.type1 > .panel-heading > .panel-title {
			color: #ffa06c;
		}